如何强制容器始终包裹两行?

时间:2011-08-27 14:46:16

标签: javascript css textwrapping

我有一个演示here,展示了我的目标。我想要包装一行文本,以便它的两行符合正文的其余部分。

问题是,我的例子有一个br标签。我想要换行的文本不包含br标签。

框应根据需要水平展开或收缩,以使文本换行为两行。

有没有办法用CSS实现这个目标?如果没有,我怎么能用javascript做到这一点?

更新

我可以与this合理地接近。文本被包装,但父容器不会缩小。

1 个答案:

答案 0 :(得分:0)

这是一个有效的javascript黑客。它一旦加载就会读取div的宽度,然后将宽度设置为它的一半。

如果您希望宽度是动态的(即更改浏览器调整大小等),则需要将hack合并到resize事件处理程序中。

http://jsfiddle.net/hzqAB/7/