Html 如何在表格单元格中包装链接，使其不会'；不要打断桌子的流动？

我有以下HTML和PHP：

        <?php
            if ($_POST["submit"] == "Get Articles") {
                $api_url = "https://DonutJuice:so%20many%20people%20in%20my%20bed@api.pinboard.in/v1/posts/all?format=json";

                $ch = curl_init();

                curl_setopt($ch, CURLOPT_URL, $api_url);
                curl_setopt($ch, CURLOPT_HEADER, FALSE);
                curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

                $json = curl_exec($ch);

                curl_close($ch);

                $values = json_decode($json, true);

                echo "<div class='article-output'>";
                echo "<table>";
                echo "<tr><th>URL</th> <th>Title</th></tr>";

                foreach ($values as $bookmark) {
                    $bookmark_url = $bookmark["href"];
                    $bookmark_title = $bookmark["description"];
                    echo "<tr><td><a href='" . $bookmark_url . "'>" . $bookmark_url . "</a></td> <td>" . $bookmark_title . "</td></tr>";
                }

                echo "</table>";
                echo "</div>";
            }
        ?>

但每当我按下处理该PHP的按钮时，我都会得到如下结果：

他们还在无情地破坏页面布局

---

如何修复此问题？

您始终可以在以下屏幕上执行此操作：

echo”“$书签和标题。"";

在CSS中编辑

td

：

td {
    width: 60px;
    color: #444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

---

当行太长时，

word break

属性会强制换行

---

CSS问题需要生成HTMLIt，很明显它将是什么。是的，很明显它将是一个包含文本的表格。除了你强迫那些有兴趣帮你写代码的人手工编写代码，而不是花时间提供代码，他们可以快速复制/粘贴到他们选择的演示工具中。

echo "<tr><td><a href='" . $bookmark_url . "'>" . wordwrap($bookmark_url, 40, "\n") . "</a></td> <td>" . $bookmark_title . "</td></tr>";

td {
    width: 60px;
    color: #444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

td {
    word-break: break-all;
    word-break: break-word;
}