代码如何让li并排而不是往下
常见问答
如何让多个li元素在同一行显示？
我在写HTML列表时，想让多个li元素不换行，而是在一行内显示，该怎么做？
使用CSS设置li元素为行内或行内块元素
可以通过给li元素添加CSS样式，比如设置display属性为inline或inline-block，这样多个li元素就会在同一行排列，而不是垂直堆叠。示例代码：
li {
display: inline-block;
margin-right: 10px; /* 可选，控制间距 */
}
除了改变display属性，还有什么方法让li元素并排？
我听说除了调整display，还有其他方式实现li元素横向排列，能介绍一下吗？
使用Flexbox布局实现li横向排列
可以将ul元素设置为flex容器，即在CSS中为ul添加display: flex;样式。这样ul中的li元素会自动在横轴上排列，实现并排效果。例如：
ul {
display: flex;
gap: 10px; /* 控制每个li之间的间距 */
}
如何控制li元素横向排列时的间距和对齐？
让li元素并排后，如何调整它们之间的距离和整体对齐方式？
利用margin和Flexbox的对齐属性调整排列效果
给li元素设置margin-right或使用Flexbox的gap属性可以控制横向间距。如果使用Flexbox，还可以应用justify-content属性调整整体对齐，如center居中，space-between两端对齐等，代码示例如下：
ul {
display: flex;
justify-content: center; /* 居中对齐 /
gap: 15px; / 间距 */
}