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

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

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

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール