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はいくつかのテキストが含まれており、アンカータグを使用してテキストを表示しています (テキストは動的なものであり、バックエンドから来ています)。要件によると、水平スクロールバーは存在しないはずなので、テキストをアンカータグ内にラップして、 のようなスタイルを与えようとしましたword-wrap:normalが、今まで修正できませんでした。水平スクロールバーを表示するか、境界線を右に押します。

前もって感謝します。

Answer 1

これを試して：

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