javascript - 如何强制容器始终换行成两行?

标签 javascript css word-wrap

我有一个演示 here这表明我的目标是什么。我想将一行文本换行,使其中的两行与正文的其余部分相匹配。

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

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

有没有办法只用 CSS 来实现这个目标?如果没有,我该如何使用 javascript 来实现?

更新:

我可以合理地接近 this .文本被换行,但父容器不会收缩。

最佳答案

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

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

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

关于javascript - 如何强制容器始终换行成两行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7215232/

相关文章:

javascript - 如何在IE10+中动态隐藏一个div?

javascript - 比较样式属性顺序无关的两个 HTML 元素

css - 这是 "word wrap"问题吗?

html - Div 未调整大小以适合图像

python - 具有自动换行功能的 Python 文字处理函数

javascript - 来自服务器的响应,如何循环遍历每个元素

javascript - Safari 在 bxSlider 上改变字体粗细

php - html2pdf : text-align: justify does not work

javascript - 更改表行的 css?

JavaScript 和 iframe 样式