Question

我有ul - 元素和许多li。分配给背景颜色。现在我使用CSS3列属性，一切正常，但我ul的背景颜色只在第一列可见。可能是什么原因？

谢谢！

<style>
  ul {
    position: absolute;
    top: 0;
    height: 170px;
    background: red;

    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-width: @ul_level2_width;
    -moz-column-width: @ul_level2_width;
    column-width: 200px;
  }
</style>

<ul>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
  <li>Test 1</li>
</ul>

https://jsfiddle.net/z3ssn8b7/

Answer 1

好的，问题是column-count: auto;如果我设置它以便修复计数2一切正常！

CSS3 columns-property和background-color

1 个答案: