Wie lege ich mit Bootstrap feste Breiten für Elemente in HTML-Tabellen fest?

Festlegungsbreite für in HTML

Das Festlegen fester Breiten für Tabellendatenzellen () ist eine häufige Stilanforderung. Es kann jedoch schwierig sein, dies zu erreichen, und Sie haben möglicherweise verschiedene Ansätze erfolglos ausprobiert.

Bootstrap 4.0

Leider können Sie Bootstrap 4.0.0 nicht verwenden die col-*-Klassen (da sie nur in Firefox funktionieren, nicht in Chrome). Stattdessen müssen Sie die folgende Problemumgehung verwenden:

<tr>
  <th>

Bootstrap 3.0

In Bootstrap 3.0 können Sie „col-md-“ verwenden. Klasse, wobei „“ die Anzahl der Spalten mit der Breite darstellt, die Sie haben wollen.

<tr>
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>

Bootstrap 2.0

Verwenden Sie für Bootstrap 2.0 die Klasse „span*“ und folgen Sie dabei dem gleichen Muster wie Bootstrap 3.0.

<tr>
    <td class="span2">A</td>
    <td class="span3">B</td>
    <td class="span6">C</td>
    <td class="span1">D</td>
</tr>

Wichtiger Hinweis

Wenn Sie haben Stellen Sie sicher, dass Sie die Breite der -Elemente in Ihrer Tabelle festlegen. Elemente und nicht auf dem Elemente. Dies liegt daran, dass Elemente erben ihre Breite von ihrem übergeordneten Elemente.

Das obige ist der detaillierte Inhalt vonWie lege ich mit Bootstrap feste Breiten für Elemente in HTML-Tabellen fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!