如何在页面上显示部分文本列

Question

当您在CSS中为包含一堆文本的div指定column-width属性时，实际宽度似乎会自动调整，以便精确的列数适合页面。例如，如果指定了400px的列宽并且实际上有1000px的空间，那么不是显示2.5列文本（向右溢出.5列以邀请用户平移），而是显示均匀2列文字。

我在dev.windows.com中发现如果你为所涉及的所有宽度属性（宽度，列宽，列间隙和列规则宽度）指定值，那么你可以实现这一点，那就是可以工作，但它要求你确定包含div的宽度，这似乎很愚蠢，因为你想要它流动。

这是我的CSS没有按照我的意愿......

.csscolumns .columns {
    columns: 400px;
    overflow-x: scroll;
    height: 600px;
    padding: 20px;
}

Answer 1

您是否尝试过使用CSS中的“溢出”进行调整？对选定的元素尝试以下操作：

overflow: hidden;  

这将隐藏父元素后面所选元素的任何“溢出”内容。