【css系列】六种实现元素水平居中方法 (3)

“fit-content”是CSS中给“width”属性新加的一个,他配合margin可以让我轻松的实现水平居中的效果:

body{ background: #000; margin-top: 50px; } .pagination{ width: fit-content; margin: 0 auto; } .pagination li{ line-height: 25px; list-style: none; display: inline; float: left; } .pagination a{ text-decoration: none; display: block; color: #000; padding: 0 10px; border-radius: 2px; border: 1px solid #F2F2F2; background: #333; } .pagination a:hover{ background: orange; }

展示:

【css系列】六种实现元素水平居中方法

优点:简单易懂,扩展性强

缺点:浏览器兼容性差

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxygz.html