如何使用css从列表中删除项目符号并将其划分为列

我尝试使用css将以下列表分成2或3列：

我尝试了以下代码，但无效：

.lcp\u catlist ul
{
-webkit列数：2；
-moz列数：2；
列数：2；
-webkit柱间隙：40px；
柱间距：40px；
-moz柱间距：40px；
列表样式类型：无；
}

在css中使用

元素.class

格式

HTML

<ul class="lcp_catlist">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

---

这是css中的一种

使用

元素.class

格式

HTML

<ul class="lcp_catlist">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

---

这里有一个

这里已经有了一个很好的、简洁的答案，但我想我应该提供一些例子，并进行更深入的解释：

电流选择器-

.lcp\u catlist ul

为了更好地理解这个问题，让我们看一下当前CSS选择器使用不同HTML实现的一些示例（请运行下面的代码段）：

.lcp\u catlist ul{
-webkit列数：2；
-moz列数：2；
列数：2；
-webkit柱间隙：40px；
柱间距：40px；
-moz柱间距：40px；
列表样式类型：无；
}

示例1

清单项目1
清单项目2

例2

清单项目1
清单项目2

例3

清单项目1
清单项目2

这里已经有了一个很好的、简洁的答案，但我想我会提供一些例子，并进行更深入的解释：

电流选择器-

.lcp\u catlist ul

为了更好地理解这个问题，让我们看一下当前CSS选择器使用不同HTML实现的一些示例（请运行下面的代码段）：

.lcp\u catlist ul{
-webkit列数：2；
-moz列数：2；
列数：2；
-webkit柱间隙：40px；
柱间距：40px；
-moz柱间距：40px；
列表样式类型：无；
}

示例1

清单项目1
清单项目2

例2

清单项目1
清单项目2

例3

清单项目1
清单项目2

感谢您的回复，但我无法使用此选项，因为列表是通过列表类别帖子插件的快捷代码生成的。回答得很好。我在op链接的网站上测试了它，他们还需要覆盖或删除

style.css中的
style.css
。@nicole这个答案中的HTML只是一个示例。CSS选择器
ul.lcp_catlist
是重要的部分。它应该替换你提供的代码中的
.lcp\u catlist ul
。谢谢你的回复，但我不能使用它，因为列表是通过列表类别帖子插件的快捷代码生成的。回答得很好。我在op链接的网站上测试了它，他们还需要覆盖或删除
style.css中的
style.css
。@nicole这个答案中的HTML只是一个示例。CSS选择器
ul.lcp_catlist
是重要的部分。它应该替换您提供的代码中的
.lcp\u catlist ul
。您为什么要使用插件tho？@nicole欢迎使用StackOverflow！如果解决了你的问题，请务必“回答”。你为什么要使用插件tho？@nicole欢迎来到StackOverflow！如果解决了你的问题，请务必给出答案。