html - 换行文本无法正常工作

Question

我有一个如下表结构：

<table>
<tr>
    <td>
        <div id="FirstDiv">
            <table>
                    <tr>
                            <td>
                            </td>
                    </tr>
            </table>
        </div>            
    </td>
    <td>
        <div id="SecondDiv">
        </div>
    </td>
</tr>
</table>

FirstDiv和的结构SecondDiv相同。里面的td标签FirstDiv包含一些文本，我正在使用锚标签显示文本（文本是动态的，它来自后端。）但是如果文本比 150px 更宽，它会将边框推到右边。根据要求，不应该有任何水平滚动条，所以我尝试将文本包裹在锚标签内，给出类似的样式word-wrap:normal，但直到现在无法修复它。它要么给我一个水平滚动条，要么将边框向右推。

提前致谢。

Answer 1

试试这个：

table {table-layout:fixed}
td {width:50%}