html - 固定レイアウトのテーブルセルで単語の区切りを防ぐ方法は?

Question

テーブルに を設定し table-layout: fixed;ましたが、各セル内の単語が改行されています。

Eg:

Applicatio
n

Instead of:

 Application

ここで提案されwhite-space: nowrap;ているように、無駄に追加するという解決策を試しまし た

質問: 固定レイアウトのテーブル セルで単語の区切りを防ぐにはどうすればよいですか?

テーブル レイアウト:

             <table  id="escalation" class="table table-striped table-bordered" cellspacing="0">


                <thead>
                    <tr>
                        <th style="display:none">ID</th>
                        <th>RID</th>
                        <th>Asset Name</th>    
                    </tr>
                </thead>
                <tbody>

                        <tr>
                            <td>1</td>
                            <td class="td-limit">102345</td>
                            <td class="td-limit">Application Testing Break</td> 
                        </tr>

                </tbody>
            </table>

CSS:

#escalation {

    table-layout: fixed;
}

#escalation th {
    overflow: auto;
    font-size: 10px;
    color: #000000;
    border-right: 1px solid #7591ac;
}
.td-limit {
    overflow: auto;
    font-size: 11px;
    max-width: 220px;
    overflow: hidden;
    word-wrap: break-word;
}