Wie füge ich mit CSS Abstand zwischen Tabellenzeilen hinzu?

So schaffen Sie Abstand zwischen Tabellenzeilen

Das Trennen von Tabellenzeilen kann mithilfe der padding-Eigenschaft für td-Elemente erreicht werden. Um den gewünschten Abstand bereitzustellen, verwenden Sie das folgende CSS:

/* Apply padding to td elements that are direct children of tr elements with class spaceUnder. */
tr.spaceUnder > td {
  padding-bottom: 1em;
}

Dieser Code stellt sicher, dass die Auffüllung nur auf td-Elemente angewendet wird, die direkt von tr-Elementen mit der Klasse spaceUnder abstammen. Dies ermöglicht verschachtelte Tabellen.

Betrachten Sie zur Veranschaulichung die folgende Tabelle:

<table>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr class="spaceUnder">
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

Mit dem bereitgestellten CSS befindet sich unter der Zeile CD ein Leerzeichen, während die Zeilen AB und EF davon unberührt bleiben .

Das obige ist der detaillierte Inhalt vonWie füge ich mit CSS Abstand zwischen Tabellenzeilen hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!