私はBootstrapを使用していて、いくつかの列を持つテーブルがあり、最後のテーブルにはスペースのない長いテキストが含まれていることがあります。特定の画面サイズでは、テーブルが親divをオーバーフローし、兄弟テーブルと醜いオーバーラップを作成することに気付きました。
私はそれをいじってみましたが、問題はテキストの間隔が空いていることに関係していると思います。私は自分の言いたいことを示すjsfiddleを作成しました。
ご覧のとおり、左上のテーブルは適切に動作し、より多くのテキストに対応するために垂直方向に大きくなります。ただし、左下のテーブルは、スペースのない長いテキストのために右側にオーバーフローが発生し、左下のテーブルの右の列はその兄弟の「下」になります。
非常に長いテキストがクリップされたり、部分的に新しい行に分割されたりするように、これを修正する方法について誰かがヒントを持っていますか？