6

崩壊

table要素のみ。行または列を削除しますが、レイアウトcollapseには影響しません。table行または列が占めるスペースは、他のコンテンツに使用できます。折りたたみが他の要素で使用されている場合は、としてレンダリングされhiddenます。

http://www.w3schools.com/cssref/pr_class_visibility.asp

ただし、要素はまだのようなスペースを占めていますvisibility: hidden。SafariとChromeでテストしました。tableレイアウトは維持されているがスペースが削除されているソリューションはありますか?

4

2 に答える 2

9

すべてのブラウザで意図したとおりに機能するわけではなく、FirefoxとIEのみで機能します(現在IEを確認できません)。MDN docs onvisibility say :

最近の一部のブラウザでは、のサポートvisibility:collapseが欠落しているか、部分的に正しくありません。多くの場合visibility:hidden、テーブルの行と列以外の要素のように正しく処理されない可能性があります。

次のjsFiddleでテストできます:http://jsfiddle.net/meT7k/。Chromeでは、最初の行はとしてレンダリングされvisibility: hiddenます。Firefoxでは、collapseが正しく適用されます。

Chromeでは、display: none代わりに行に適用すると、目的の結果が得られます。ただし、これにより、テーブル全体の再レイアウトが強制される可能性があります(たとえば、displayプロパティが変更された後、列幅が変更される場合があります)。

于 2012-10-03T14:38:47.500 に答える
-1

内容をaでラップし<span></span>、表示をnoneに設定します。

于 2012-10-03T14:21:23.900 に答える