css li 排成一行

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /*使用flex布局*/
}
li {
  margin-right: 10px; /*给每个
元素添加右边距*/
}

以上代码中，我们给

元素使用了flex布局，可以让其中的
• 元素在同一行中显示。同时，我们给每个
• 元素添加了右边距，让它们之间有一定的间距。

  通过以上样式设置，就可以将多个

• 元素排成一行显示了。需要注意的是，flex布局不支持在IE9及以下版本中使用，需要考虑兼容性问题。