【发布时间】: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。