水平流文本

众所周知，无论您是否有固定的高度，文本都会从上到下，除非您将溢出隐藏。我想知道是否有办法让文本从垂直变为水平。就像在一个大屏幕上打开一个大的MS词一样，你可以看到左侧的第一页和右侧的第二页。我想在我计划的网站上实现同样的效果。水平流文本

谢谢。

来源

2012-10-12 Mr A

浏览此页面http://www.html5rocks.com/en/tutorials/flexbox/quick/约一半，一看。 – xception

CSS区可以在这里是一个很大的帮助，但今天，他们正在进行的工作，很少有浏览器的支持。

但你可能用的是column-count和column-gap

这里是一个小提琴我掀起了：http://jsfiddle.net/MadLittleMods/wpTX7/

下面是一些CSS给它的200像素高度范围内水平拆分成多列。

#overflow_horizontal 
{ 
    height: 200px; 
    overflow: scroll; 

    -moz-column-count: 2; 
    -moz-column-gap: 24px; 
    -webkit-column-count: 2; 
    -webkit-column-gap: 24px; 
    column-count: 2; 
    column-gap: 24px; 
}

编辑：

这里是一个备用。 jsFiddle：http://jsfiddle.net/MadLittleMods/SEDaQ/

小提琴的工作，但不是在IE9上，因为它不喜欢文本/纯文本资源。如果你能给我一个Columnizer的静态链接，我可以更新小提琴，它会工作得很好。

添加Modernizr和Columnizer。

加入这个jQuery（改变＃列，无论你需要）：

$('.no-csscolumns > #overflow_horizontal').columnize({ 
    columns: 3 
});

来源

2012-10-12 02:16:10 MLM

至少在IE9中工作吗？ –

@MrA现在正在处理jQuery后备... – MLM

如果可用，我应该使用哪种回退的任何建议？ –

1。插入 - >分隔符 - >分节符（下一页分节符）。

2。文件 - >页面设置 - >设置横向

来源

2012-10-12 02:15:41

我是指网页。感谢你的思想。 –

我不知道你为什么要这样做，它听起来不像一个功能的网页，但如果你只是设置元素宽度说，10000px和溢出到自动，你将能够让文字跑出屏幕的一侧。

http://jsfiddle.net/NHD2e/

这里还有一个问题：Continuing overflowed text in a different div?

来源

2012-10-12 02:15:56

我正在寻找Windows 8的感觉，或类似于新的MySpace方法，但不是那么极端。 –

这很有道理。您也可以使用一组div并将它们全部浮动到左侧，每当您想要开车时都清除浮动，请参阅此处的第9步：http://www.barelyfitz.com/screencast/html-training/css/定位/ –

回答

相关问题