LI居中

86 阅读 0 评论 57 点赞

我是靠谱客的博主幸福月亮，最近开发中收集的这篇文章主要介绍LI居中，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在用UL-LI时，有适合需要将Li里面的内容居中显示；
方法有两种：
（推荐）1.设置LI的display为inline(规定应该从父元素继承 display 属性的值),为LI设置长度，设置text-align：center即可。核心就是把行级元素变化成块级元素。
2.padding或margin调节边框距离；
用这个方法让li中的内容居中很麻烦，需要不断的调试。padding数值需要随着LI的长度改变而改变，操作复杂，且不适用于LI中长短不一的情况；
3.position：relative，必须根据网页大小以及div大小来控制居中
4.float浮动居中（需要设置LI的总长度）；

转载于:https://www.cnblogs.com/victor5230/p/5795630.html