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

Question

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

我在 dev.windows.com 中发现，如果您为所涉及的所有宽度属性（宽度、列宽、列间隙和列规则宽度）指定值，那么您可以实现这一点，并且可行，但是它要求您确定包含 div 的宽度，这看起来很愚蠢，因为您希望它流动。

这是我的 CSS 无法正常工作...

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

Answer 1

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

overflow: hidden;  

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