评论文本在div后面

时间:2016-04-07 20:01:20

标签: html css

当使用很长的单词时,注释出现问题,例如: “火山肺矽病” 由于评论div有点小,它落后于它。

我猜这是一个CSS的东西,但我无法弄清楚它是什么。 使用普通单词时,文本格式正确,一旦接近div的右边缘,新行就会开始。 但是长话只会落在评论div的右边缘。

解决这个问题的好方法是什么?

抱歉英语不好。

1 个答案:

答案 0 :(得分:1)

尝试使用css word-wrap属性。具体而言,word-wrap: break-word

例如:

<!DOCTYPE html>
<html>
    <head>
        <style> 
            p.test {
                width: 11em; 
                border: 1px solid #000000;
                word-wrap: break-word;
            }
        </style>
    </head>
    <body>
        <p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
    </body>
</html>

如果您需要更多扩展,请查看此属性上的more info