div水平垂直居中的四種方式

有四種常見的方式可以實現div水平垂直居中：

.parent {
display: flex;
justify-content: center;
align-items: center;
}

使用絕對定位和transform屬性：將父元素相對定位（position: relative），然后將子元素絕對定位（position: absolute），并使用top、bottom、left和right屬性將子元素居中。

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

使用表格布局：將父元素的display屬性設置為table，然后將子元素的display屬性設置為table-cell，并使用vertical-align屬性將子元素垂直居中。

.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

.parent {
display: grid;
justify-items: center;
align-items: center;
}

以上四種方式都可以實現div水平垂直居中，選擇哪種方式取決于具體的布局需求和瀏覽器兼容性要求。

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本