ul列表

时间:2015-12-06 16:02:56

标签: html css

我在li内置ul元素时出现问题。
这是我制作的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;
} 

我需要将浮动元素居中,最后三个项目应居中。你能建议我这样做吗?

1 个答案:

答案 0 :(得分: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/