色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css中怎么整體居中

錢旭東1年前9瀏覽0評論
在CSS中,如何將元素整體居中呢?以下就是一些實(shí)現(xiàn)方法: 1. text-align 將父元素的text-align屬性值設(shè)為center即可將子元素水平居中。

父元素:

.parent {
text-align: center;
}
子元素:
.child {
display: inline-block;
}

2. margin 將子元素設(shè)為塊級元素,再使用margin屬性值為auto即可將其水平居中。

父元素:

.parent {
width: 300px;
}
子元素:
.child {
display: block;
margin: 0 auto;
}

3. flexbox 使用flexbox可以方便地將元素垂直居中。

父元素:

.parent {
display: flex;
justify-content: center;
align-items: center;
}
子元素:
.child {
//任意
}

以上就是三種常用的實(shí)現(xiàn)方法,需要根據(jù)具體情況選擇使用。需要注意,使用margin方法居中時(shí),子元素必須設(shè)為塊級元素,否則無效。 總結(jié)一下: 1. text-align: center:水平居中 2. margin: 0 auto:水平居中 3. display: flex; justify-content: center; align-items: center;:水平垂直居中