Heim > Artikel > Web-Frontend > Probleme mit leeren Zellen in CSS
Probleme mit leeren Zellen in CSS
- 黄舟Original
- 2017-06-30 13:25:481550Durchsuche
Ich habe festgestellt, dass in CSS, wenn border-collapse auf „separieren“ eingestellt ist, das Ergebnis dasselbe ist, unabhängig davon, ob empty-cells verwendet wird oder nicht, und die Werte zum Ein- und Ausblenden sind hoffentlich gleich. Bitte geben Sie mir einen Rat.
Im CSS2-Standard
Syntax:
empty-cells : show | hide
Wert:
show : Standardwert. Rand anzeigen
ausblenden: Rand ausblenden
Beschreibung:
Legen Sie fest oder rufen Sie ab, ob der Rand der Zelle angezeigt werden soll, wenn die Zelle der Tabelle keinen Inhalt hat.
Diese Eigenschaft funktioniert nur, wenn die Ränder von Tabellenzeilen und -spalten unabhängig sind (z. B. wenn die border-collapse Eigenschaft gleich „separate“ ist).
Die entsprechende Skriptfunktion ist emptyCells.
Dies ist ein CSS2-Standard, der vom IE nicht unterstützt wird. Der Demonstrationscode für den spezifischen Effekt lautet wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table test</title>
<style>
#layout {}
.show {border: 1px solid #ff0000; border-collapse:separate; empty-cells: show;}
.hide {border: 1px solid #ff0000; border-collapse:separate; empty-cells: hide;}
</style>
</head>
<body>
<table id="layout">
<tr>
<td class="show">Cascading</td>
<td class="show"></td>
</tr>
<tr>
<td class="hide">Cascading</td>
<td class="hide"></td>
</tr>
</table>
</body>
</html>Sie Sie können beim Anzeigen sehen, dass die Tabelle leer ist. Die Tabelle wird angezeigt und beim Ausblenden wird die leere Tabelle ausgeblendet
Das obige ist der detaillierte Inhalt vonProbleme mit leeren Zellen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!