怎么用css代碼實(shí)現(xiàn)子元素在父元素水平居中，比如p在div里？水平中間有兩種情況：子元素和子元素，當(dāng)兩個父元素都是塊級元素時{邊距：0自動}。需要注意的是，當(dāng)子元素的位置為非默認(rèn)和相對時，此設(shè)置將無效

怎么用css代碼實(shí)現(xiàn)子元素在父元素水平居中，比如p在div里？

水平中間有兩種情況：子元素和子元素，當(dāng)兩個父元素都是塊級元素時{邊距：0自動}。需要注意的是，當(dāng)子元素的位置為非默認(rèn)和相對時，此設(shè)置將無效。例如，標(biāo)簽中的文本內(nèi)容（如P）水平居中：使用{text}-對齊：居中}.Vertical center將元素的行高設(shè)置為元素的高度。例如：{高度：100px線高：100px}可以實(shí)現(xiàn)。注意：這個方法適用于行元素

有很多方法可以使CSS圖片水平和垂直居中。這里有一些例子。

1顯示：表格單元格和垂直-對齊：中間屬性；類似于使用表valign：中間函數(shù)；

2. 使用絕對定位位置：絕對給左上角50%的圖像，然后按一半的寬度和高度留邊距，以實(shí)現(xiàn)圖片垂直居中；

3。使用flex布局；flex功能是一種新的功能，考慮到兼容性問題，它在移動終端中的應(yīng)用更好，建議PC終端使用前兩種方式。

顯示最終圖片