css - 如何从列表中删除元素符号并使用 css 将其分成列

Question

我正在尝试使用 css 将以下列表分成 2 或 3 列: http://www.101calendartemplates.com/test-nav-plugins/

我已经尝试了下面的代码，但没有成功:

.lcp_catlist ul
{
  -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
column-gap: 40px;
-moz-column-gap: 40px;
list-style-type: none;
}

Answer 1

在你的 css 中使用 element.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

ul.lcp_catlist {columns: 2; list-style-type: none}

这是一个demo