在div中创建段落文本换行

时间:2011-08-23 18:53:18

标签: css

我读过这篇文章here。我有一个简单的目标。我只想让我的文本在IE 9中包装一次。只有两行,我需要它从第一行到第二行。这不能复杂。我尝试添加wrap-text:normal到支持div但这不起作用。布局很简单 - 基本上我有一个包含图像链接和段落的div。我需要段落在div中包装。文本是有限的,所以它只包装一次。

图像显示,当它超过div宽度时,它会以一种奇怪的方式断开。

关于此,有很多SO帖子,但它们看起来像蜘蛛网信息。我正在考虑从头开始重新设计迷你供稿,除非有人快速解决这个看似简单的问题。

broken image

3 个答案:

答案 0 :(得分:10)

也许这可以帮助你一点......:)

<img src="image.jpg" width="50" height="50" style="float:left;" /><div style="float:left; width:200px; max-width:200px; word-wrap:break-word;">Your text here.</div>

我希望能帮到你.. CMIIW ^ _ ^

答案 1 :(得分:2)

你的意思是word-wrap: break-word?示例:http://jsfiddle.net/zCQFb/它不会只包装一次。

答案 2 :(得分:0)

您可以将paragraph设为width吗?

如果是这样,请将其设为width的{​​{1}}或更小一点,然后就可以了。


我需要查看代码(HTML和CSS)以提供更详细的答案。