Wie füge ich in einer Tabelle Leerzeichen zwischen Zeilen hinzu, ohne CSS zu verwenden?

So fügen Sie in einer Tabelle Leerzeichen zwischen Zeilen ein, ohne CSS zu verwenden

Sie fragen sich vielleicht, ob es möglich ist, in einer Tabelle Leerzeichen zwischen Zeilen einzufügen mit CSS. Leider erzielt die CSS-Eigenschaft border-spacing diesen gewünschten Effekt nicht. Die border-spacing-Eigenschaft fügt nur Abstand zwischen Tabellenzellen hinzu, nicht zwischen Zeilen.

Stattdessen müssen Sie auf Ihrem Elemente, um Platz zwischen den Zeilen zu schaffen. Sie können den folgenden CSS-Code verwenden:

tr.classname td {
  padding-bottom: 5em;
}

Dadurch werden am unteren Rand jedes Element im mit dem Klassennamen der Klasse. Sie können den Abstand nach Bedarf anpassen.

Hier ist ein Beispiel dafür, wie das funktionieren würde:

<table class="classname">
  <tbody>
    <tr>
      <td>Cell A</td>
      <td>Cell B</td>
    </tr>
    <tr>
      <td>Cell C</td>
      <td>Cell D</td>
    </tr>
  </tbody>
</table>

Dadurch wird eine Tabelle mit 5 cm Abstand zwischen den einzelnen Zeilen erstellt.

Beachten Sie, dass Sie je nach gewünschtem Effekt auch einen oberen Abstand anstelle eines unteren Abstands verwenden können.

Wenn Sie in verschachtelten Tabellen Abstand zwischen Zeilen hinzufügen müssen, können Sie den folgenden CSS-Code verwenden :

tr.spaceUnder > td {
  padding-bottom: 1em;
}

Dadurch wird an der Unterseite jedes 1 Stück Polsterung hinzugefügt. Element, das ein direktes untergeordnetes Element eines -Elements ist. Element mit der Klasse spaceUnder.

Das obige ist der detaillierte Inhalt vonWie füge ich in einer Tabelle Leerzeichen zwischen Zeilen hinzu, ohne CSS zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!