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!