如果沒有設定box-sizing為其他值,元素預設的width是指其content box的寬度。
只有width,height和margin可以設定為auto,padding和border必須設定為具體的值,或者預設值是0
1. 在width,margin-left和margin-right這3個屬性中,如果其中某個值為auto,另外兩個設定為具體的值,那麼設定為auto的屬性會自動確定其具體值,以滿足整個element box的寬度等於其containing box的width
2. 如果這3個屬性全部設定為具體值,沒有誰設定為auto,那麼瀏覽器會把margin-right的值重置為auto,所以就又回到上面1的情形
3. 如果width設定為具體值,margin-left和margin-right設定為auto,那這兩個margin會平分剩下的寬度,取得相同的值,結果就是該element會在其containing box裡面居中
4. 如果其中乙個margin設定為具體值,width和另乙個margin設定為auto,那麼設定為auto的這個margin會被瀏覽器重置為0,width會取得剩下的全部寬度
5. 如果這3個屬性全部設定為auto,那麼兩個margin都會被瀏覽器重置為0,width會佔滿所有的寬度。也就是回到預設的情況。(width預設值是auto,所有的margin,padding,border預設是0)
css元素水平居中
問題 想讓元素x 不是文字 水平居中 方法一 text align center text align屬性指定元素文字的水平對齊方式。要求 text align center,作用在x元素的父元素上,並且x不能是塊級元素 因為塊級元素會填充滿整個父元素 準確一點來說,就是x的寬要小於父元素的。要是想...
css中元素的水平居中
關於css元素的水平居中,有兩種辦法可以得到 一種是 自動定義margin的左右寬度來實現,一種是用position的相對定位和絕對定位來實現。舉乙個簡單的例子 href link onea li href link twoa li href link threea li href link fou...
css元素的水平,豎直居中
一 水平居中 1.文字水平居中 給父級元素設定text align center 2.確定寬度的塊級元素居中 margin 0 auto margin left,margin right 0 3.不確定寬度的塊級元素的居中 1 用table幫助實現不確定寬度塊級元素居中 塊級元素 設定table元素...