css横向无序列表居中 |css hover ie6

<ul class="list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>

首先，大家需要给无序列表添加一个class名：list，然后在CSS中设置该class的属性值：

.list {
display: flex; //将列表项排列在一行上
justify-content: center; //将列表项居中
list-style: none; //去掉列表项前面的默认样式
padding: 0; //去掉列表的内边距
}
.list li {
margin: 0 10px; //设置列表项之间的间距
}

上述代码中，大家将无序列表的display属性值设置为flex，这样可以让列表项排列在一行上。而justify-content属性值设置为center，则会实现列表项的居中对齐。同时，大家还要去掉列表项前面的默认样式，并去掉列表的内边距。最后，可以使用margin属性值设置列表项之间的间距，使其更美观。

通过以上的CSS代码，大家可以很方便地实现无序列表的横向居中排列。需要注意的是，在设置样式时，不仅要考虑功能的实现，还要注意美观性和浏览器的兼容性。