如何强制容器始终换行为两行？

Question

我有一个演示here，它显示了我的目标。我想换行文本，使其中的两行与主体文本的其余部分相匹配。

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

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

有没有办法只用CSS就能做到这一点呢？如果没有，我怎么用javascript来做呢？

更新：

我可以与this保持相当密切的关系。文本被包装，但父容器不会收缩。

Answer 1

这是一个有效的javascript hack。加载后，它读取div的宽度，然后将宽度设置为该宽度的一半。

如果你希望宽度是动态的(例如，改变浏览器的大小等)，你需要将hack合并到resize事件处理程序中。

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