Htmlでtrやtdなどテーブルの高さの中身を親のコンテンツにFitさせるCSS

backgroundの色を指定しているときにtdやtrの高さが異なるとダサい感じになることがよくある.そのずれを解消して、Tableにフィットさせたりtdにフィットさせるのは意外と素直な方法はない.

CSSで書く場合は以下のように書く必要がある. 以下のURLを参考にして行っている

https://stackoverflow.com/questions/17342181/how-to-fit-html-table-row-to-its-content

height: 1px;

で良いらしい.どうやら0にするとうまくいかないブラウザがあるそうなので、1pxに設定すれば問題ないとのこと.

About the author

コメントを残す