在ul列表中居中li元素[重复]答案

【问题标题】：Center li elements inside ul list [duplicate]在ul列表中居中li元素[重复]
【发布时间】：2015-12-07 01:33:57
【问题描述】：

在ul 中将li 元素居中时遇到问题。
这是我制作的 JSFiddle：jsfiddle

这是我的 CSS（与 JSFiddle 中的相同）：

.all-collections{
  text-align:center;
}
.all-collections ul{
  list-style:none;
  margin:0 auto;
  width:40%;
}
.all-collections ul li{
  float:left;
  margin-left:10px;
}

我需要将浮动元素居中，最后三个项目应该居中。
您能建议我这样做的方法吗？

【问题讨论】：

标签： html css

【解决方案1】：

.all-collections{
  text-align:center;
}
.all-collections ul{
  list-style:none;
  margin:0 auto;
  width:40%;
  text-align: center;
}
.all-collections ul li{
  display: inline-block;
}

http://jsfiddle.net/e87yhgwy/1/

【讨论】：

非常感谢！它有效