css – 如何将UL列表设置为单行

前端之家收集整理的这篇文章主要介绍了css – 如何将UL列表设置为单行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在一行中呈现此列表。

>列出item1
>列表项2

显示

*列表项2 *列表项2

使用什么CSS样式?

解决方法

ul li{
  display: inline;
}

有关更多信息,请参阅basic list optionsa basic horizontal list at listamatic。 (感谢Daniel Straight下面的链接)。

此外,正如评论中指出的,你可能想要在ul和li的自己内部的任何元素,以使事情看起来不错的样式。

原文链接:https://www.f2er.com/css/223654.html

猜你在找的CSS相关文章