使用 line-height 垂直居中

?

line-height:24px; ?

?

?

使用固定寬度的容器并且需要一行垂直居中時(shí)，使用 line-height 即可（高度與父層容器一致）

清除容器浮動(dòng)

?

#main { overflow:hidden; } ?

?

?

不讓鏈接折行

?

a { white-space:nowrap; } ?

?

?

上面的設(shè)定就能避免鏈接折行

始終讓 Firefox 顯示滾動(dòng)條

?

html { overflow:-moz-scrollbars-vertical; } ?

?

?

?

body, html { min-height:101%; } ?

?

?

使塊元素水平居中

?

margin:0 auto; ?

?

?

其實(shí)就是

?

margin-left: auto; margin-right: auto; ?

?

?

這個(gè)技巧基本上所有的 CSS 教科書都會(huì)有說(shuō)明，別忘記給它加上個(gè)寬度。Exploer 下也可以使用

?

body{ text-align: center; } ?

?

?

然后定義內(nèi)層容器

?

text-align: left; ?

?

?

恢復(fù)。

隱藏 Exploer textarea 的滾動(dòng)條

?

textarea { overflow:auto; } ?

?

?

Exploer 默認(rèn)情況下 textarea 會(huì)有垂直滾動(dòng)條（不要問(wèn)我為什么）。

設(shè)置打印分頁(yè)

?

h2 { page-break-before:always; } ?

?

?

page-break-before 屬性能設(shè)置打印網(wǎng)頁(yè)時(shí)的分頁(yè)。

刪除鏈接上的虛線框

?

a:active, a:focus { outline:none; } ?

?

?

Firefox 默認(rèn)會(huì)在鏈接獲得焦點(diǎn)（或者點(diǎn)擊時(shí)）加上條虛線框，使用上面的屬性可以刪除。

最簡(jiǎn)單的 CSS 重置

Java代碼?

*?{?margin:?0;?padding:?0?}???

?

?--學(xué)習(xí)專用

本文來(lái)自

http://www.javaeye.com/topic/512191

轉(zhuǎn)載于:https://www.cnblogs.com/Altman/archive/2010/10/26/1862012.html

總結(jié)

以上是生活随笔為你收集整理的CSS 居中的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。