引导程序表样式无法正常工作

Question

为了向您展示问题，我只会向您展示一个屏幕截图：

问题是有一个水平滚动条，但我希望如果文本在一个单元格中较长，那么文本只是换行，单元格会变大。

在这里你可以看到该表的标记。我使用的是最新的bootstrap版本

            <article class="col-lg-9 col-md-9 col-sm-9 pull-right">
                <table class="table table-striped table-condensed">
                    <thead>
                        <tr>
                            <td>Room</td>
                            <td>Player</td>
                            <td>Text</td>
                        </tr>
                    </thead>
                    <tbody>

                <?php
                    $chatLog = new ChatLogParser('C:\AtWar\Service\Logs\2014-01-29_chat.log');
                    $logs = $chatLog->parseToObject();
                    foreach($logs AS $log)
                    {
                        echo "<tr><td>".$log[0]."</td><td><strong>".$log[1]."</strong></td><td>".$log[2]."</td></tr>";
                    }
                ?>
                    </tbody>
                </table>

            </article>

Answer 1

检查单元格上是否有white-space: nowrap。如果是这样，请将其覆盖为white-space: normal