11. 盒子大小
根據(jù)CSS 2.1 規(guī)范，在計算盒子的總大小的時候，元素的邊框和padding應(yīng)該被加入到寬度和高度之中的。但是眾所周知，舊的瀏覽器卻以它們自己的非常有“創(chuàng)意”的方式來解釋這個規(guī)范。box-sizing屬性允許你指定瀏覽器如何計算一個元素的寬度和高度。
WordPress 在控制面板的所有的輸入框元素中使用border-box 屬性。
WordPress 后臺區(qū)域在它的所有text類型的input標(biāo)簽和textarea標(biāo)簽上使用了該屬性: input[type="text"],
textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}第三個屬性(-ms-box-sizing) 只有在Internet Explorer 8下有效。通過其他選擇器，WordPress 的樣式表同樣添加了Konqueror 屬性： -khtml-box-sizing。
box-sizing 屬性可以兩個值中的一個：border-box 和content-box。 Content-box如CSS2.1中的定義的那樣渲染寬度。Border-box 從設(shè)定的寬度和高度中扣除padding和邊框(如老式瀏覽器那樣。)。
瀏覽器支持：box-sizing 被IE8、Opera、Gecko核心和Webkit核心瀏覽器支持。
擴展閱讀：
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 盒陰影 下一頁 媒體查詢
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 11 頁 盒子大小
