围绕图像问题包装文本

时间:2012-05-28 21:41:13

标签: html css image

我需要你的评论框内的图片显示帮助。当评论的字符超过某个数字而不是它将图像环绕到左边时,它实际上给出了下图中的外观。我该如何解决这个问题?

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

图片

2 个答案:

答案 0 :(得分:1)

我个人将文本设置在<div>内并定义宽度,但是如果你不想这样做,你可以创建一个PHP函数,只要有很长的时间就插入<wbr>标签字。标签只会在需要时分解单词,因此您可以在单词中实现多个标记。

示例:

http://jsfiddle.net/6rBUZ/

答案 1 :(得分:0)

另一个选项是将以下样式添加到要包装的内容中:

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

自动换行设置允许尽管文字的长度也能包裹。溢出设置将导致在无法识别自动换行的浏览器中可用空间的末尾将其切断。

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