CSS设置div水平居中的方法:1、给div元素设置“margin: 0 auto”样式;2、在父级div元素里设置“text-align: center”样式,在子一级div元素里设置“display: inline-block”样式。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
方式:元素绑定属性:margin: 0 auto;
效果:
注意:常用,适用于已知父级元素宽度的情况
方式:父级元素设置属性:text-align: center;
子一级元素设置属性:display: inline-block;
效果如图:
注意:inline-block存在浏览器兼容性问题,另行处理因设置inline-block带来的副作用。
方式:父级元素设置属性:position: relative;
子一级元素设置属性:position: absolute;
效果如图:
注意:适用于父级元素宽度已知的情况,居中定位自己设置比较麻烦。
【推荐学习:css视频教程】
以上是CSS如何设置div水平居中的详细内容。更多信息请关注PHP中文网其他相关文章!