使用 line-height 垂直居中

?

line-height:24px; ?

?

?

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

清除容器浮動

?

#main { overflow:hidden; } ?

?

?

不讓鏈接折行

?

a { white-space:nowrap; } ?

?

?

上面的設定就能避免鏈接折行

始終讓 Firefox 顯示滾動條

?

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

?

?

?

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

?

?

使塊元素水平居中

?

margin:0 auto; ?

?

?

其實就是

?

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

?

?

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

?

body{ text-align: center; } ?

?

?

然后定義內層容器

?

text-align: left; ?

?

?

恢復。

隱藏 Exploer textarea 的滾動條

?

textarea { overflow:auto; } ?

?

?

Exploer 默認情況下 textarea 會有垂直滾動條（不要問我為什么）。

設置打印分頁

?

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

?

?

page-break-before 屬性能設置打印網頁時的分頁。

刪除鏈接上的虛線框

?

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

?

?

Firefox 默認會在鏈接獲得焦點（或者點擊時）加上條虛線框，使用上面的屬性可以刪除。

最簡單的 CSS 重置

Java代碼?

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

?

?--學習專用

本文來自

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

轉載于:https://www.cnblogs.com/Altman/archive/2010/10/26/1862012.html

總結

以上是生活随笔為你收集整理的CSS 居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。