html - 包装表格中单元格的内容

Question

我有一个问题，即一个单元格的内容超出了这个单元格。这是它的样子:

这是我用来创建这个表的代码:

<div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="comments">
        <table class="table table-hover" style="table-layout: fixed; width: 100%">
            <tr>
                <th class="col-md-2">Data</th>
                <th>Komentarz</th>
            </tr>
            <?php foreach ($loan->client->commentsChronologically as $comment) { ?>
            <tr>
                <td class="col-md-2"><?= $comment->add; ?></td>
                <td><?= $comment->content; ?></td> 
            </tr>
            <?php } ?>
....

我想修改这一行:

<td><?= $comment->content; ?></td>

我尝试在此处添加自动换行，并尝试在 <td> 中使用自动换行但它只是没有用。我不知道该怎么办。有什么建议吗？

Answer 1

没有人解决导致此问题的真正问题:table-layout: fixed - 删除它，你就成功了。