Firefoxでtr要素などにCSSでdisplay:block;を指定すると…

表示がおかしくなります;
リロードするたびに改行されたり、されなかったり、よく分からない動作をしていました
どうやらこれがHTMLの仕様に沿った正常な動作のようで、Firefoxではtableの要素にはdisplay: table-*;しか指定出来ないようです
(というか、特別な理由がない限り弄らない方が無難です)
なんでdisplay:block;していたかというとtrに下線を引きたかったのですが、別の方法で解決できました

<tr>タグにCSSでborder-bottomを設定することで、 テーブルの一行ごとに下線を引きたいのですが、どうしたらよいでしょうか。 <tr>タグにはborderを設定できないのでしょう.. – 人力検索はてな

tableのstyleにborder-collapse: collapse;を指定するとdisplay:block;にしていたときのような効果を得られました
IE6ではサポートされてないようですが、面倒なので無視します

カテゴリー: All   タグ:   この投稿のパーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>