Question

如果内容被column-count剪切，是否可以在第三列末尾（overflow: hidden;生成）获取省略号。仅使用CSS的首选方式。类似的东西：

data    data    data
data    data    data  
data    data    data  
data    data    ...

<ul style="list-style: none; -moz-column-count: 3; height: 5em; overflow: hidden; text-overflow: ellipsis;">
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
  <li>data</li>
</ul>

Demo

Answer 1

根据text-overflow {{1}}，您不能这样做：

此属性仅影响溢出块的内容容器元素在其内联进展方向（不是文本例如，在盒子的底部溢出。

当文本方向为LTR时，

内联进度方向应从左到右读取。

这是一篇专门的，不是那么古老的文章：docs

如何获得具有列计数样式的省略号

1 个答案: