小编Saa*_*qar的帖子

将多个<ul>除以平衡列

我有多个<ul>,我想把它们分成三列,高度相等.

#list {
  column-count: 3;
  column-fill: balance;
}

#list ul {
  float: left;
}
Run Code Online (Sandbox Code Playgroud)
<div id="list">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

0
推荐指数
1
解决办法
431
查看次数

标签 统计

css ×1

css3 ×1

html ×1

html5 ×1