CSS元素的width和水平margin的設定

2021-07-10 23:36:44 字數 688 閱讀 8986

如果沒有設定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元素...