浮动图像和长文本 css Firefox答案

【问题标题】：Float image and long text css Firefox浮动图像和长文本 css Firefox
【发布时间】：2015-12-29 23:32:48
【问题描述】：

我正在尝试在段落中浮动图像和文本。但是当文本很长并且在一行中时会出现一些问题。它在 Chrome 中看起来不错，但在 Mozilla Firefox 中却不行。你可以查看there：

在 Chrome 中它看起来像：

和火狐：

我怎样才能正确地做到这一点？感谢您的帮助。

【问题讨论】：

请编辑您的问题以包含 HTML，以便我们无需点击链接即可查看。如果链接在他们不认识的网站上，有些人可能会制定不关注问题链接的政策。你让人们付出额外的努力来帮助你，这不是一件好事。

【解决方案1】：

我最近遇到了这个问题，这是一个愚蠢的测试数据错误。如果 Firefox（可能还有其他浏览器）没有找到合乎逻辑的断字，它就没有任何东西要换行，因此它会停留在一行上。在您的长测试文本中添加空格并从您的段落中删除 white-space: pre。

body p {
    word-wrap: break-word;
}

【讨论】：

【解决方案2】：

你试过用吗：

float:left;
word-wrap: break-word;
width: 500px;

width: **要分词的宽度，单位px或%**；

【讨论】：