【问题标题】:How to show partial text column on a page如何在页面上显示部分文本列
【发布时间】:2012-10-06 05:20:48
【问题描述】:

当您在 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;
}

【问题讨论】:

  • 你不想扩展列,但是文本是这样的 suppose my is something 如果 .coloumn 宽度很小,那么它是这样的 my is some..
  • 我不想省略文本。我希望该列从页面溢出,以便用户所要做的就是用触摸手势抓取内容并向左拖动。这应该将屏幕向右平移并显示故事的其余部分。它已经像这样工作了,用户可以平移到更多文本,但我只是想显示一些屏幕外文本,以向用户表明他们可能想要阅读更多内容。
  • my name is 一样阅读更多,当你点击阅读更多然后它显示my name is something and text goes 这样你想要..
  • 不,这也不是,Arpit。

标签: html css windows-8


【解决方案1】:

您是否尝试过在 CSS 中使用“溢出”进行调整?对所选元素尝试以下操作:

overflow: hidden;  

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

【讨论】:

    猜你喜欢
    • 2014-05-16
    • 1970-01-01
    • 2020-02-10
    • 1970-01-01
    • 2012-07-26
    • 1970-01-01
    • 2022-01-02
    • 1970-01-01
    • 2016-03-09
    相关资源
    最近更新 更多