利用css让页面元素水平居中的方式有很多,下面简单的介绍几种实现方式,供大家参考:
外边距(margin)
利用margin:0 auto来实现元素水平居中,具体实现,看下图css代码:
绝对定位+margin-left
利用绝对定位(position)+margin-left来实现元素水平居中,看下图css代码:
效果图:
总结:
这两种方式都是对块级元素实现水平居中,如果是行内元素的话,可以使用属性text-align:center;当然还有其他实现方式,这里就不一一介绍了;如有疑问,欢迎大家在评论下方留言讨论。
如果觉得《CSS如何让页面元素水平居中 – CSS – 前端 jq 中怎么改变css样式》对你有帮助,请点赞、收藏,并留下你的观点哦!