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

Question

当您在 CSS 中为包含一堆文本的 div 指定 column-width 属性时，实际宽度似乎会自动调整，以便准确的列数适合页面。例如，如果指定了 400px 的列宽，而实际上有 1000px 的空间，那么它不会显示 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;  

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