我想使用单个< ul>制作一个无序列表….< / ul>
如何在中心对齐第二条线?
我在这里创建了JSFiddle http://jsfiddle.net/jitendravyas/JWHQQ/进行测试
解决方法
对齐< ul>在中心的元素,将左右边距设置为自动:
ul{ text-align:center;width:450px;margin-left:auto;margin-right:auto} li{ float:left;padding:15px}
为了对齐< li>的两行.为了居中,使用display:inline as suggested by domanokz.但是在这种情况下< li>失去他们的利润和填补.要保留它们,请将display设置为inline-block:
ul{ text-align:center;width:450px;} li{ display:inline-block;padding:15px;}