一鹅巍,居中布局:
1遏弱,對(duì)于寬度小于父標(biāo)簽的塊級(jí)標(biāo)簽在父標(biāo)簽中居中或者或者寬度小于行寬的塊級(jí)元素在本行中居中: margin: 0 auto;//自身居中
注意:這里只能是塊級(jí)標(biāo)簽甲葬,行內(nèi)塊級(jí)標(biāo)簽是不行的哦2笆檀,對(duì)于塊級(jí)或者行內(nèi)塊級(jí)標(biāo)簽內(nèi)部內(nèi)容或者子標(biāo)簽居中: text-align: center;//自身內(nèi)容或者子內(nèi)容居中
3训堆,對(duì)于行內(nèi)標(biāo)簽可以在其父標(biāo)簽中設(shè)置:text-align: center;
4做葵,對(duì)于垂直居中就比較easy护蝶,不論塊級(jí)海試行內(nèi)標(biāo)簽颗管,只要設(shè)置本標(biāo)簽的line-height等于父標(biāo)簽的高度即可
- text-align是內(nèi)容居中,margin是布局居中滓走,也即是標(biāo)簽居中垦江。所以如果是想讓inlineblock居中,那么要用margin搅方,如果想讓inlineblock內(nèi)部內(nèi)容居中比吭,比如說文字,需要用text-align
二姨涡,脫離標(biāo)準(zhǔn)流
- 默認(rèn)情況下衩藤,所有的網(wǎng)頁標(biāo)簽都在標(biāo)準(zhǔn)流布局中從上到下,從左到右
脫離標(biāo)準(zhǔn)流的方法有
1涛漂, float脫離標(biāo)準(zhǔn)流:
float只有兩個(gè)屬性:
left:脫離標(biāo)準(zhǔn)流赏表,浮動(dòng)在父標(biāo)簽的最左邊
right:脫離標(biāo)準(zhǔn)流,浮動(dòng)在父標(biāo)簽的最右邊
如果一個(gè)標(biāo)簽內(nèi)的子標(biāo)簽有float匈仗,并且這個(gè)標(biāo)簽的尺寸想跟隨里面內(nèi)容的尺寸那么這個(gè)標(biāo)簽最好為inline-block類型
2瓢剿,position脫離標(biāo)準(zhǔn)流
如果需要在父標(biāo)簽中脫離標(biāo)準(zhǔn)流,需要設(shè)置子絕父相
position屬性有如下幾種:
在設(shè)置了脫離標(biāo)準(zhǔn)流的方式之后悠轩,需要通過left间狂、right、top火架、bottom屬性來設(shè)置其具體脫離的位置