css怎麼讓div居中

方法：1、在div中使用「position:absolute」和「transform:translate(-50%,-50%)」樣式來居中。 2.在div中使用「position:absolute」和「margin:auto」樣式來居中。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

方法1：

div使用絕對定位position：absolute，且設定left和top的值都為50%。使用css3的transform屬性。 transform：translate（-50%，-50%）。

效果圖：

#方法2：

##對div使用絕對佈局position:absolute;並設定top，left，right，bottom的值相等，但不一定都等於0；並且設定margin:auto。

效果圖：

（學習影片分享：

css影片教學）

以上是css怎麼讓div居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！