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;
を記載することで対応できました。 関連記事
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...
Product Advertising APIで商品情報を取得してみる
ノンプログラマーがProduct Advertising APIでの商品情報取得にチャレンジしました。 検索しても情報が少なく苦労したので、同じような方の参考になればと思います。 目次1 amazon ...
このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 目次1 まずはHTMLでメニュー作成2 スタイル ...
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...