html - 环绕文本圆形图像问题

Question

我需要您在评论框中显示图像的帮助。当评论的字符超过一定数量而不是向左环绕图像时，它实际上给出了下图中的外观。我怎样才能解决这个问题？

#comment img.floatright {
    float:right; 
    padding: 1px;
    clear:left;
}

图片

Answer 1

我会亲自将文本设置在 a 中<div>并定义一个宽度，但如果您不想这样做，您可以创建一个 PHP 函数来<wbr>在有长单词时插入标签。该标签只会在需要时分解单词，因此您可以在一个单词中实现多个标签。

例子：

http://jsfiddle.net/6rBUZ/

Answer 2

另一种选择是将以下样式添加到要包装的内容中：

word-wrap: break-word;
overflow: hidden;

word-wrap 设置将允许单词被换行，尽管它的长度。在无法识别自动换行的浏览器中，溢出设置将导致它在可用空间结束时被切断。

示例：http: //jsfiddle.net/Redsz/pBSDd/1/