Probleme mit leeren Zellen in CSS-CSS-Tutorial-php.cn

Probleme mit leeren Zellen in CSS

黄舟

Freigeben： 2017-06-30 13:25:48

Original

1536 Leute haben es durchsucht

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!