亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

知道如何阻止段落越過其 div 嗎?

知道如何阻止段落越過其 div 嗎?

PHP
慕姐4208626 2023-06-24 17:28:15
我目前正在嘗試制作一個博客。當我嘗試對帖子正文進行“預覽”時。第一篇文章似乎沒問題,但第二篇文章超出了它的 div。我嘗試更改要使用的標簽和 css 格式,但它仍然如此。我的代碼:超文本標記語言<div class="module">        <div class="blog">            <div class="recents">                <h2>Recent Posts</h2>                <br><br>                <?php                $sql = "select title, body, created_at FROM posts";                $result = mysqli_query($link, $sql);                $query = mysqli_query($link, $sql) or die(mysqli_error($link));                while ($row = mysqli_fetch_assoc($query)) {                    $title = $row['title'];                    $body = $row['body'];                    $created_at = $row['created_at'];                    if (strlen($body) > 500) {                        $body = substr($body, 0, 500);                    }                    echo "<h3>" .  $title . "</h3><br>";                    echo "<p>" .  $body . "</p>";                    echo "<small>" .  $created_at . "</small>";                    echo "<br><br>";                }                ?>            </div>            <div class="categories">                <h3>Categories</h3>            </div>        </div>CSShtml {    font-family: 'IBM Plex Serif', serif;}.module {    background-color: #fffff7;    box-shadow: 3px 10px 18px #888888;    padding-top: 70px;    padding-left: 130px;    border: 1px solid;    width: 1080px;    margin-left: 380px;    height: 821px;}.blog {    display: flex;    flex-direction: row;    text-align: left;}.recents {    flex-grow: 2;    width: 570px;}.categories {    flex-grow: 1;}任何幫助,將不勝感激。
查看完整描述

1 回答

?
Smart貓小萌

TA貢獻1911條經驗 獲得超7個贊

這是因為沒有空格

要解決此問題,請嘗試以下操作:

word-wrap: break-word;


查看完整回答
反對 回復 2023-06-24
  • 1 回答
  • 0 關注
  • 160 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號