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

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

December 25th, 2008 Leave a comment Go to comments

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

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

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

関連記事:

Tags:
  1. No comments yet.