上面的代码实现了我们的要求,下面简单介绍一下它的实现原理。
设置ul元素的宽度等于li元素的宽度和加上外边距的值,假定这个值用w来表示。
ul的父元素的宽度是w-margin-right(20px),并且此父元素具有overflow:hidden属性,那么超出的外边距就会被隐藏。
推荐:《css视频教程》
以上就是css li怎么水平居中对齐的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者