css怎么把li横过来 |css 背景图片拼接

ul {
display: flex;
flex-direction: row;
list-style-type: none;
}
li {
display: inline-block;
}

大家首先在ul元素上添加了flex属性，它的作用是让ul元素变成一个弹性容器。接着通过设置flex-direction属性为row，使得容器的子元素(li)按照横向排列。最后大家通过display: inline-block属性，让每个li元素都变成一个块级元素，并设置它们在一行内显示。

如果想要让每个li元素之间有空隙，可以在li元素上添加margin属性：

li {
display: inline-block;
margin-right: 10px;
}

这样就可以让每个li元素之间相隔一定距离。