Question

div中ul居中显示，ul中的li可以分行显示

一个div中有一个ul(或者ol)，其中有n多个li，想要的效果：
1.ul在div中居中显示，n个li在特定的时候，比如每行十个(也可能是20个，不一定，它是通过循环标签来输出的)可以分行显示。
2.不要在每个li的style里指定float和top值来达到效果
各位达人，能不能上代码？我CSS实在太烂：
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<!-- 这里换行 -->
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
就像上面这样，显示为两行，并且在div中居中，div指定宽度不好，因为每行的li的数量是不一定的，可能10个，可能100个，

Answer 1

我知道一个最最最简单的方法，
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<br/>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>

加个换行标签就行了啊， 给分， 这个不给分就不人道了， 哈哈

Answer 2

<style>
.box { width:600px;}
.box ul{ margin: 0 auto; width:500px; list-style:none;}
.box li {float:left; margin:12px 5px 0 5px; display:inline; width:90px; height:100px; }
</style>

<div class='box'>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
在CSS里改一下 LI的宽就可以控制每行几个了....

Answer 3

<style>
div{
margin:0px auto;
width:这里你来设定
}
ul{
margin:0px auto;
width:这里你来设定
}

这里用程序判断
现在循环到第多少条
用这个数字除10是否有余数
如果没有就循环一条空的li并且li的样式为.ten
ul li.ten{
margin-top:20px;
}
</style>

<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

Answer 4

不浮动又想一行显示，那好像只能用display改变li的模型结构了，inline-block或inline都可以

至于居中，办法多多，比如div设置text居中，等等，具体问题具体分析