首页 > 代码库 > CSS 如何让li横向居中显示
CSS 如何让li横向居中显示
先给一个简单的示例HTML代码
<body> <form id="form1" runat="server"> <div id="title"> <ul id="list" > <li>标题一</li> <li>标题二</li> <li>标题三</li> <li>标题四</li> <li>标题五</li> </ul> </div> </form></body>
以前为了让li中的元素横向并列展示，总是对li设置float:left。效果如下。
但是我想让标题居中显示是除了设置margin-left外没有别的办法。这还不能绝对剧中。
后面发现只需要简单的两部。
一，设置li的 display:inline;就可以让其横向展示。
二，设置上一层DIV的text-align:center;
#title{ text-align:center;}ul li{ list-style-type:none; display:inline;}
CSS 如何让li横向居中显示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。