Edited at

【IEでも動く】とにかくtd内の要素を折り返す

More than 1 year has passed since last update.


とにかく折り返す!

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