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; }