怎么让div居中

1个回答

写回答

洋小豆

2022-02-28 18:36

+ 关注

ABS
ABS

可以通过设置 div 的样式为：

div {

移动

width: 200px; /* 设置宽度 */
height: 100px; /* 设置高度 */
background-color: #ccc; /* 设置背景颜色 */
position: ABSolute; /* 设置为绝对定位 */
top: 50%; /* 设置上边缘距离父元素顶部距离为50% */
left: 50%; /* 设置左边缘距离父元素左侧距离为50% */
transform: translate(-50%, -50%); /* 将div居中 */
}

通过上述样式，可将 div 居中。其中，通过设置 position 为 ABSolute，将 div 相对于其父元素进行定位；通过设置 top 和 left 为 50%，将 div 的上边距和左边距都设为父元素宽高的一半；通过设置 transform: translate(-50%, -50%)，将 div 靠左上角为基准，向左上角移动宽高的一半，使其居中。

举报有用（17）分享收藏

怎么让div居中

1个回答

洋小豆

热门话题

相关问题