PR
TIPS

tableのth、tdをdisplay: blockにした時の隙間の問題とその解決法

tableの要素(thやtd)をCSSでdisplay: blockに設定した時に、意図しない隙間が発生することがあります。原因は、要素内のinputのパディングにemを指定していることにあるかもしれません。emは、現在のフォントサイズに対する相対的な単位で、それにより生じる小数点の計算結果が、ブラウザによっては誤差となり隙間として現れることがあります。

この問題は、パディングにpx(ピクセル)を指定することで解決できます。pxは絶対的な単位であり、ブラウザ間での解釈にブレが出にくいです。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました