【html+css】關於頁面配置中遇到的問題記錄

標籤：font   top   image   清除   htm   內聯   class   check   浮動   

關於行內元素：

行內元素設定width無效，

height無效(可以設定line-height)，

margin上下無效，padding上下無效，margin和padding可設定左右。 text-align:center的測試：

.text-align{text-align:center;}<div class="text-align"><p>jdif</p><img src="images/pic1.jpg"></div>

經測試，在各瀏覽器中都可置中顯示 text-align：center;與margin:0 auto;的區別text-align是實現選取器內元素置中margin選取器是作用對象       使用margin：0 auto；來置中顯示需要注意一點在於作用於區塊層級元素      因此圖片標籤img，類於內聯對象，要先轉為區塊層級元素，display：block； 注意：text-align只作用於行內內容（除了ie的ie7及混雜模式）           段落p是由於繼承了父級text-align：center，並非自己置中顯示了。
           需要設定display：inline-block；均可正常顯示。 關於表格的布局：

<div class="bmy_table_main">      <ul>            <li>                   <label>公司名稱：</label>                   <input type="text" name="company" class="js-check" err="公司名稱">             </li>                         ……     ……      </ul> </div>.bmy_table_main ul{padding-top:202px;}.bmy_table_main ul li{text-align:center;height:30px;line-height:30px;padding-bottom:16px;}.bmy_table_main li label{display:inline-block;width:90px;color:#000;font-size:18px;text-align:right;font-family:"微軟雅黑";}.bmy_table_main li input{border:1px solid #919191;height:26px;padding:4px;width:400px;}

常見的浮動清除：

.clearfix:after { content:""; display: table; clear:both; visibility:hidden;}/*閉合浮動*/.clearfix {*zoom:1;}

這個注意：要將清除浮動寫在浮動的父級元素上面。

【html+css】關於頁面配置中遇到的問題記錄