7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

tableタグの内部のword-wrap:break-wordが機能しない

Last updated at Posted at 2016-12-07

こんなにストレスがたまるプログラミング言語はそうもないですよね。CSSの修正では毎度頭を悩まさられます。

今回はtableタグのテキストが改行しないで、Tableを突き破る現象を回避します。

##基本
一般的に改行処理は、

word-wrap: break-word;
overflow-wrap : break-word;

を使われることが多いと思います。

##問題
しかし、tableタグないでは上記スタイルが効きません!!
CSSを作った人はだれなんでしょうか。こんな不完全な....

##回避策

table-layout: fixedをつけましょう。

table {
table-layout: fixed;
}

これで回避できます。
CSSがまともなプログラミング言語になるか、この世から消えることを切に願います。

7
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?