css中ul如何使其横排 |快速css样式库

ul在css，ttf引入无效css，css 半透明背景 rgb，CSS渐变线条填充，css怎样实现两列文字，css中复选框打钩，快速css样式库 css中ul如何使其横排 |快速css样式库

<style>
ul {
display: flex;
list-style: none;
}
</style>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>

在上面的代码中，大家通过CSS样式将<ul>设置成了一个水平方向的flex布局，并将默认的列表样式通过list-style: none;移除。这样，大家就可以让列表项（<li>）沿着水平方向排列。

值得注意的是，如果想要让列表项在水平方向平均分配空间，可以在<ul>中使用justify-content: space-between;属性，代码如下：

<style>
ul {
display: flex;
list-style: none;
justify-content: space-between;
}
</style>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>

上面的代码中，大家将<ul>设置了justify-content: space-between;属性，这样列表项就会在水平方向平均分配空间。