如何使我的段落在一定宽度后转到下一行

Question

所以一个字符串正在从数据库输入一个段落，当段落有空格时段落完全断开但如果字符串的字长于它离开页面的行，如下所示，我该如何制作它去下一行而不是离开页面？

这是我的php和html代码：

<div id = "comment">
        <?php
        echo "<div style = 'border-bottom-style: solid;border-bottom-width:1px;'><p class = 'word'>" . $issue . "</p>";
        echo "<p class = 'word info'>" . $author . ' ' . $date . "</p></div>";
        $sql2 = "select * from Ticket_Message where Ticket_Main_id = '$MainId'";
        $query2 = mysqli_query($con,$sql2);
        while ($row = mysqli_fetch_array($query2)){
            $message = $row['message'];
            $auth = $row['auth'];
            $date = $row['date'];
            echo "<div style = 'border-bottom-style: solid; border-bottom-width: 1px;'>";
            echo "<p class = 'word'>" . $message . "</p>";
            echo "<p class = 'word info'>" . $auth . ' ' . $date . "</p>";
            echo "</div>";
        }
        ?>
        </div>

这是我的css尝试修复它：

p{max-width: 250px;}

基本上我需要做的是使用css来防止当字符串长度超过页面宽度时所有段落都从页面延伸。

Answer 1

尝试：

p { word-wrap: break-word; }

https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap

Answer 2

这里你不需要任何PHP代码。

使用css属性word-wrap

p {
    word-wrap: break-word;
    max-width: 250px;
}

演示：http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap