我是靠谱客的博主 幸福月亮,这篇文章主要介绍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

最后

以上就是幸福月亮最近收集整理的关于LI居中的全部内容,更多相关LI居中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(160)

评论列表共有 0 条评论

立即
投稿
返回
顶部