css li 水平排列 |css里面实现图片滚动

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
padding: 10px;
background-color: #f2f2f2;
border: 1px solid #ccc;
}

可以看到，li水平排列的实现就是使用display: inline-block;将列表项变成行内块元素。这样，所有的列表项就可以水平排列了。

需要注意的是，在进行li水平排列时，还需要对ul元素进行一些设置。由于默认情况下，ul元素会有一些padding和margin，这样就会影响到li元素的水平排列。因此，大家需要将margin和padding都设置为0。

同时，在li元素的样式中，还可以设置一些其他的属性，比如padding，background-color，border等。这些属性可以根据自己的需求进行设置。

最后，通过CSS样式的设置，大家就可以实现li元素的水平排列了。这种排列方式不仅美观简洁，而且可以减少网页的垂直滚动，提升用户体验。可以说，在网页设计中，li水平排列是一个非常重要的技巧。