Help us understand the problem. What is going on with this article?

CSSのプロパティtable-layout:autoとtable-layout:fixedの違い

More than 1 year has passed since last update.

table-layoutプロパティについて

備忘録的まとめ。

テーブル(表)の表示方法を指定する際に使用。

指定できるのは、
・テーブル(表)の列幅を自動レイアウトにするか(auto)
・テーブル(表)の列幅を固定レイアウトにするか(fixed)
※いずれの場合も行の高さは自動的に算出される。

初期値のtable-layout:auto; では、
ブラウザはテーブル(表)全体を読み込んでから、セル内容に合わせて各列の幅を決定して表示を開始するが、

table-layout:fixed; を指定すると、
最初の一行目を読み込んだ時点で各列の幅を固定して表示を開始するため、 表示が速くなるメリットがある。また、必要に応じて各列(セル)の幅を指定するが、幅が指定されていない列には残りの幅が均等に割り当てられる。

...ということは、UX的な観点から言うと、table-layout:fixed; の方がいいのかなー

参考

table-layout-スタイルシートリファレンス
※ほぼまんまです。。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした