小编Cri*_* C.的帖子

有没有一种方法可以限制多列ul显示中的行数?

到目前为止,这是我尝试过的:

$('ul').filter(function() {
  return this.childNodes.length > 5
}).addClass('twoColumns');
Run Code Online (Sandbox Code Playgroud)
ul.twoColumns {
  list-style: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这与我从另一个堆栈溢出问题引用的代码相同。是链接。

但是我试图限制行数并进行了研究,但找不到任何解决方案。

主要寻找CSS解决方案,但也接受JavaScript。

html css jquery

6
推荐指数
1
解决办法
83
查看次数

标签 统计

css ×1

html ×1

jquery ×1