css设置div居中的方法有哪些

div div居中

266

2023/7/8 17:45:01

栏目: 编程语言

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

使用margin属性设置左右外边距为auto，上下外边距为0。

div {
margin: 0 auto;
}

使用flex布局，将父元素的display属性设置为flex，然后使用justify-content和align-items属性将子元素居中。

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

使用absolute定位，将左右外边距设置为auto，上下外边距设置为0，然后将left和right属性设置为0，将top和bottom属性设置为0。

div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

使用grid布局，将父元素的display属性设置为grid，然后使用justify-items和align-items属性将子元素居中。

div {
display: grid;
justify-items: center;
align-items: center;
}

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

最新知识库

相关知识库

相关标签

云服务器

物理服务器

香港母鸡

美国母鸡

香港物理机

美国普防

美国大带宽

显卡物理机

韩国

美国高防

日本

台湾

马来西亚

站群物理机

帮助支持

关于我们

售后咨询

7*24小时在线电话：400-0666-318

7*24小时在线 QQ：