css - 像报纸一样的横向长文本

Question

假设我在 div 中有 long lorem ipsum。 Div 宽度为 30%，文本太多，页面需要向上/向下滚动。我想让它水平滚动:当文本多于 div 中无法容纳的文本时，我希望它继续显示在第一列旁边的下一列中，就像几乎所有报纸等一样。

这可能吗？

Answer 1

Use CSS3 multi-column layouts

检查 Demo Page here

您现在可以在样式表中使用这些 CSS3 多列属性中的任何一个:

column-count: 3;
column-width: 300px;
column-gap:10px;
column-rule: 1px solid #999;