像报纸一样的水平长文本

  • 本文关键字:一样 水平 文本 css
  • 更新时间 :
  • 英文 :


假设我在div中有很长的lorem ipsum。div 宽度为 30%,文本太多,页面需要向上/向下滚动。我想让它水平滚动:当文本多于div 可以容纳的时,我希望它在第一列旁边的下一列中继续,就像几乎每份报纸等一样。

可能吗?

使用 CSS3 多列布局

在此处查看演示页面

现在,您可以在样式表中使用以下任何 CSS3 多列属性:

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

你可以使用: overflow-x: scroll

最新更新