文本内容在较低的窗口高度上溢出到新的动态列

时间:2012-01-28 01:11:12

标签: javascript jquery html css overflow

当窗口高度降低时,如何将文本内容转移到动态创建的列中?
基本上这个: enter image description here

是否有任何jquery /其他插件可以做到这一点?

我在水平滚动的网站上工作时碰到了墙,这一直困扰着我,让我疯狂过去一个月。我想,疯狂已经堵塞了我的思想,允许进行适当的研究。

有treeaver.js http://demo.nomadeditions.com/wide-screen/#-/wide-screen/oscar-bloggers.html;它在IE9中工作正常,但甚至不会在IE8中加载(我在IEtester上检查,因此可能是不正确的)。我对treeaver唯一的问题是,只要窗口调整大小,它就会不断重新加载,但这只是一个小小的烦恼。
如果可以在css本身完成这将是很好的;这个微不足道的问题真的不需要一个javascript插件,但市场上使用的各种各样的浏览器(以及他们自己的怪癖)迫使我先把手放在js篮子里。

2 个答案:

答案 0 :(得分:2)

您要求的目前是W3C候选人推荐

http://www.w3.org/TR/css3-multicol/

你可以在这里看到它:

http://www.quirksmode.org/css/multicolumn.html

坏消息是即使在标准模式下IE 8也不支持它。我没有在这里提供IE 9,但如果这是一个公共网站,你可能无论如何都不能要求IE 9。

答案 1 :(得分:0)

查看http://www.jwf.us/projects/jQSlickWrap/

中的文字效果