In einer HTML-Tabelle ist die cellpadding y cellspacing kann auf diese Weise eingestellt werden:
<table cellspacing="1" cellpadding="1">Wie kann dasselbe mit CSS erreicht werden?
Antworten
Zu viele Anzeigen?
Alireza
Punkte
92209
Sie können einfach etwas Ähnliches in Ihrem CSS machen, indem Sie border-spacing y padding :
table {
border-collapse: collapse;
}
td, th {
padding: 1em;
border: 1px solid blue;
}
<table>
<tr>
<th>head_1</th>
<th>head_2</th>
<th>head_3</th>
<th>head_4</th>
</tr>
<tr>
<td>txt_1</td>
<td>txt_2</td>
<td>txt_3</td>
<td>txt_4</td>
</tr>
</table>
Amaresh Tiwari
Punkte
888
Sie können den folgenden Code überprüfen, indem Sie eine index.html und führen Sie es aus.
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-spacing: 10px;
}
td {
padding: 10px;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>OUTPUT :
vapcguy
Punkte
6445
Wie wäre es, wenn Sie den Stil direkt zur Tabelle selbst hinzufügen? Dies ist anstelle der Verwendung von table in Ihrem CSS, was eine BAD Ansatz, wenn Sie mehrere Tabellen auf Ihrer Seite haben:
<table style="border-collapse: separate;border-spacing: 2px;">
<tr>
<td style="padding: 4px 4px;">Some Text</td>
</tr>
</table>
Greggo
Punkte
41
Muhammad Tahseen ur Rehman
Punkte
253
- See previous answers
- Weitere Antworten anzeigen
