<tr>にmargin-bottomを付けたいのですが以下のコードではChromeやsafariではうまくいってもIEでうまくいきませんでした。IEでもChromeやSafariのように表示させるにはどうすればよいのでしょうか?
CSSは以下のように指定しました。
tr { display: block; margin-bottom: 50px; }
trにCSSは効かせないでやるほうがよいとおもいます。
trに…、margin-bottomだと……!
どう見せたいかわかりませんが、tdにpaddingか、tdと中身の間にdiv入れてmarginとか。そもそもtable使うべきじゃないとか。
私はtrにmarginもpaddingも入れないですが知らないだけでそういう使い方あるのかな?
tdにpaddingも使わないか
いうかChromeやsafariだとちゃんと期待通りになるんだ…。
trはともかくtdにpaddingって結構使ってるんだけどおかしいかな?それはおいといて、背景単色に限るが余白作るだけならborder-bottom:50pxとかでできなくはないな。
行に適用させたいなら、tr.test tdでよくねぇ。
<table> の内部要素に margin はおかしい。これでIE を責めるのは酷だ。border-collapse を separate にして、border-spacing でスペースを取りな。
みんなの回答 1 件
CSSは以下のように指定しました。
tr {
display: block;
margin-bottom: 50px;
}
関連するトピックス