tableタグのthやtdは内包する要素や親要素の画面幅によって横幅が決まります。
では、3カラムレイアウトのテーブルの場合に、均等配置すれば良いでしょうか。
答えは、tableタグに対して「table-layout: fixed;」を設定すると、均等配置になってくれます。
tableのデフォルトは「table-layout: auto;」で、レスポンシブサイトで、
スマートフォンのサイズになった時に戻したいというときはautoを指定してください。
|
1 2 3 |
table.equalityTable{ table-layout: fixed; } |
この記事を見た人は次の記事も見ています。
Google web fontsを使う
web fonts「Font Awesome」 でアイコンを表示する
IEでWebフォントを表示させる
第二十四回「地味に便利なPreserve Editor Scroll Position」
iPhoneで画像をタップして画像が消えてしまう
Repeater Fieldの表示件数の制御
商品コピーの長さの最適値- photshopでのバッチ処理
第十六回「WoredPressの保護ページの作成方法」
要素の中身が変更されたとき実行
第六十三回「PDF-Viewerを使って、PDFファイルを回転して保存する」
flex-directionを指定した時のIE11で表示くずれ
第二十二回「Keep It Simple, Stupidを意識する」
border
【イラストレーター】非表示ツールの確認方法と切り離し方
wpで文字数を指定
IE11でのSVG画像のサイズ
jQueryで特定の要素を包容する
Photoshop 文字縁取り
第四十回「ホームページに自動音楽再生コードを埋め込む」
コメント