table th{
width:calc(100% / 3);
}
*::-ms-backdrop, table th {
width: 33.33%; /* IE11 */
}
ただ、これだとfirefoxでは幅の指定がきかなかった。
これはtableに対して
table-layout: fixed;
を記載することで対応できました。 投稿日:2018年12月10日 更新日:
tableのwidth幅指定のメモ
投稿日:2018年12月10日 更新日:
table th{
width:calc(100% / 3);
}
*::-ms-backdrop, table th {
width: 33.33%; /* IE11 */
}
ただ、これだとfirefoxでは幅の指定がきかなかった。
これはtableに対して
table-layout: fixed;
を記載することで対応できました。 関連記事
目次1 スタイルなどの装飾1.1 ボタンのホバーアニメ1.2 角丸とシャドウのジェネレーター1.3 グラデーションジェネレーター1.4 CSS三角形作成ツール1.5 吹き出し作成のジェネレーター1.6 ...
mmenuは初心者でも簡単に使えるjQuery plugin|スマホ用メニュー
スマホ用メニューを作成する時によく使っているのがjQuery pluginのmmenuあまりjQuery詳しくない私でも簡単に使えるところが気に入ってます。オプションで色々設定もできるみたいなので、初 ...
webサイト制作時に役立つ!メインカラーを元にカラーを選べるサイト
web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけど たとえば メインカラーがすでに決まっていて それに合うカラーが知りたい時 ってないですか?私は結構あります。で、ジェネ ...
display:flexを使った時のIE10のバグに対応する
display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...