如何解决如何水平对齐居中的 ul
我有一个 ul
以屏幕为中心,但列表项垂直 1 x 1 显示,我希望它们水平显示。这是代码:
<nav style="margin: 0; padding: 0; text-align: center;">
<ul style="list-style: none; display: inline;">
<li><a href=""> obj1</a></li>
<li><a href=""> obj2</a></li>
<li><a href=""> obj3</a></li>
<li><a href=""> obj4</a></li>
<li><a href=""> obj5</a></li>
<div style="clear: both;"></div>
</ul>
</nav>
解决方法
您可以通过将 display: inline
直接应用于您的列表项来水平显示您的列表项。这是它的 CSS:
li {
display: inline;
}
,
更改显示:内联;显示:inline-flex;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。