首页 > 技术文章 > LI居中

victor5230 2016-08-22 14:57 原文

在用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的总长度);

推荐阅读