CSS-Zellen-Rand

In meinem HTML-Dokument habe ich eine Tabelle mit zwei Spalten und mehreren Zeilen. Wie kann ich den Abstand zwischen der ersten und der zweiten Spalte mit css vergrößern? Ich habe versucht, "margin-right: 10px;" auf jede der Zellen auf der linken Seite anzuwenden, aber ohne Wirkung.

Lösung

Wenden Sie dies auf Ihr erstes <td> an:

padding-right:10px;

HTML-Beispiel:

<table>
   <tr>
      <td style="padding-right:10px">data</td>
      <td>more data</td>
   </tr>
</table>
Kommentare (4)

Versuchen Sie padding-right. Es ist nicht erlaubt, "margin" zwischen Zellen zu setzen.

<table>
   <tr>
      <td style="padding-right: 10px;">one</td>
      <td>two</td>
   </tr>
</table>
Kommentare (0)

Sie können keine einzelnen Spalten in einer Zelle auf diese Weise herausgreifen. Meiner Meinung nach ist es am besten, die zweite Spalte mit einem style='padding-left:10px' zu versehen und die Stile auf ein internes div oder Element anzuwenden. Auf diese Weise können Sie die Illusion eines größeren Raums erreichen.

Kommentare (0)