とにかく折り返す!
bootstrapと併用した際にテーブルのtd要素から子要素が飛び出しまくったのでとりあえずここら辺使って置けば大丈夫そうってCSSを簡単に書き殴っておく(IEでも動く)
*Bootstrapを使用していると、white-spaceがデフォルトでnowrapに設定されていてハマった
css
table#table_id {
tabel-layout: fixed;
}
td {
word-break: break-all !important;
}
p{
word-wrap: break-word !important;
white-space: normal !important;
}
参考記事:
テーブル内で長い文字列を決まった長さで改行させる方法
https://qiita.com/n_s_y_m/items/cb29d730e63772b02475
CSS 半角英数の連続文字が折り返すようにする
http://accelboon.com/tn/?p=992