jquery dataTableがURLの場合、テキストを区切ることはできません

Question

私はパスワードキーパーのウェブサイトで作業しています。プロジェクトでは、ウェブサイト、ユーザー名、パスワード、およびメモを含むjquery dataTableが表示されます。ただし、URLが長すぎると、列の幅が大きすぎる行としてWebサイトの列にURLが表示されます。

面白いことに、長すぎるとテキストが改行されます。例えば

：

URL(will not break): http://www.text.com/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/too_long_cannot_show/bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 

Username:Username 
Password:Password 
Note(will break which depend on window's width): I am note.I am note.I am note.I am note.I am note.I am note.I am note.I am note.*100 

私が試してみました：

create a div to contain the table, then set its max-width:1000px ==> fail 
override the dataTable class, set its max-width:1000px ==> fail 

任意のアイデアを？

Answer 1

これはdataTablesとは関係ありません。あなたのノートテキストには空白が含まれ、URLには（純粋なHTML/CSSのもの）いずれも含まれていません。ワードラップが（URLのような）言葉の意味

.auto-break { 
 
    word-break: break-all; 
 
}

<table> 
 
    <tr> 
 
    <td class="auto-break">http://www.text.com/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/too_long_cannot_show/bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td> 
 
    </tr> 
 
</table>

を破壊しない場所のため

使用word-break: break-all;