HTML

TABLEタグでセルサイズを同じにする

投稿日:2013/08/21 更新日:

TABLEタグでセルサイズを同じに

TABLEタグのセルのサイズをどのセルも同じ幅に
したい場合があります。

CSSのtable-layoutを設定する

テーブルのセルサイズをすべて同じにするには
CSSのtable-layoutプロパティはテーブル(表)の列幅を
自動レイアウト(auto)か、固定レイアウト(均等割り付け)(fixed)に
設定します。
(規定値は自動レイアウト(auto)です。)

自動レイアウト(auto)はセル内容に合わせて
各列の幅を決定して表示します。

でテーブルを表示すると

セル1-1 セル1-2だぁぁぁぁぁ セル1-3だ
セル2-1 セル2-2 セル2-3
セル3-1 セル3-2 セル3-3

のようにセル幅は文字数に合わせて変化しますが、

のように固定レイアウト(均等割り付け)(fixed)で
表示すると

セル1-1 セル1-2だぁぁぁぁぁ セル1-3だ
セル2-1 セル2-2 セル2-3
セル3-1 セル3-2 セル3-3

テーブル全体の幅で均等割り付けされて表示されます。

当サイトのおすすめ記事

パソコン 1

初心者でも失敗しないレンタルサーバーの選び方ですが、最近ではブログを立ち上げて、そこから広告収入を得る「アフィリエイト」が随分一般的になりました。 私の周りでも実際にやっている人が多くいます。 アフィ ...

プログラミング 2

SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見ました。 SQLでIFを使わずに条件 ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

SQLServerでは「ユーザー定義型」と呼ばれる独自のテーブル型をした戻り値を返す関数を作成することができます。 その作り方と使い方を解説します。 SQLServerでテーブル型を戻り値とする関数を ...

5

アフィリエイトでいきなり成果を出すのは難しいです。 でも、成果がないとレンタルサーバー代やドメイン代がペイできません。 しかも長い間、結果がでないとやる気もなくなってしまいます。 そういったことを防ぐ ...

-HTML
-, , , , , , , , , ,

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.