导读 你们好，最近小活发现有诸多的小伙伴们对于div居中怎么设置，div居中这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。1
你们好，最近小活发现有诸多的小伙伴们对于div居中怎么设置，div居中这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、1.div是什么 div是html中用来将网页内容结构进行划分及提供背景的重要角色，也称为层，写法是<div></div>，用id或class对div进行标记可以为单个div提供更独特的样式。
2、2. 绝对定位 这是div居中展示的最简单方式，div有了固定长宽后，将div的上下左右的坐标都设置为0，然后margin设置为auto，div即会居中展示，代码及效果如图。
3、3.表格居中 表格是网页中展示数据的一种常见方式，我们也可以利用表格的概念来在div外套两层div，形成一个表格，使div上下左右居中，使用vertical-align两个属性将div居中，如图。
4、4.设置margin负值 利用position 定位后，再使用margin负值，将div居中对齐，不过此方法兼容性较差，需要准确的margin负值。
5、5.transform方式 当对于要设置的div长宽不确定时，使用transform进行居中，会方便很多，transform即是变形使用他的translate属性，使div可以左右居中。
以上就是div居中这篇文章的一些介绍，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！