CSS如何让页面元素水平居中 – CSS – 前端 jq 中怎么改变css样式

利用css让页面元素水平居中的方式有很多，下面简单的介绍几种实现方式，供大家参考：

外边距（margin）

利用margin:0 auto来实现元素水平居中，具体实现，看下图css代码：

绝对定位+margin-left

利用绝对定位（position）+margin-left来实现元素水平居中，看下图css代码：

效果图：

总结：

这两种方式都是对块级元素实现水平居中，如果是行内元素的话，可以使用属性text-align:center；当然还有其他实现方式，这里就不一一介绍了；如有疑问，欢迎大家在评论下方留言讨论。