将段落文本包裹在div内

4
我阅读了这篇文章。我只有一个简单的目标,即使IE 9中的文本只换行一次。只有两行文本,我需要它从第一行换到第二行。这不可能很复杂。我尝试在支持div中添加wrap-text:normal,但没有效果。布局很简单 - 基本上我有一个包含图像,链接和段落的div。我需要段落在div内换行。文本有限,因此只会换行一次。
图像显示当超出div宽度时,它以奇怪的方式断开。
有很多关于此问题的SO帖子,但它们看起来像是信息的蜘蛛网。除非有人能够快速解决这个看似简单的问题,否则我考虑从头开始重新设计迷你Feed。

broken image


4
图片有帮助,但我们需要你提供相关元素的HTML/CSS代码。 - Diodeus - James MacFarlane
1
最好也能以jsFiddle格式提供,这样我们就可以确保大家都在看同一件事情。 - thirtydot
3个回答

11

也许这能稍微帮到你.. :)

<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>

我希望这能对你有所帮助。。如有错误请指出 ^_^


太棒了...谢谢,我将以此为起点重新构建它。 - user656925

2
你是指像 word-wrap: break-word 这样的东西吗?示例: http://jsfiddle.net/zCQFb/ 不过它并不只是在一行中换行。

0
你能让这个段落有一个固定的宽度吗?
如果可以,就把它设为div的宽度或稍微小一点,应该就可以了。
我需要看代码(HTML和CSS),才能提供更详细的答案。

我尝试设置段落宽度,但这并没有起作用...我会尽可能地进行重建并在那个JFiddle上发布。谢谢。 - user656925

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接