DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 一些常用的CSS垂直居中、清除浮動、隱藏滾動條的代碼
一些常用的CSS垂直居中、清除浮動、隱藏滾動條的代碼
編輯:CSS詳解     
  • 使用 line-height 垂直居中: (適用於固定寬度的容器並且需要一行垂直居中時,高度要與父層容器一致)

    line-height:24px;

    CSS清除浮動:

    #main {overflow:hidden;}

    讓鏈接顯示在一行內,不自動折行:

    a {white-space:nowrap;}

    始終讓 Firefox 顯示滾動條,不要問我是什麼原因。

    Html {overflow:-moz-scrollbars-vertical;}

    使塊元素水平居中:

    margin:0 auto;
    /*其實就是*/
    margin-left: auto;
    margin-right: auto;
    /*IE下也可以使用*/
    body{text-align: center;}

    隱藏網頁textarea滾動條:默認情況下textarea 會有垂直滾動條

     textarea {overflow:auto;}

    設置打印分頁:

    h2 {page-break-before:always;}/*page-break-before 屬性能設置打印網頁時的分頁。*/

    刪除鏈接上的虛線框:

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

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

    最常用的CSS重置代碼:

    * {margin: 0; padding: 0}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved