Wie lege ich die Spaltenbreite einer Tabelle mithilfe von CSS fest?

Festlegen der Tabellenspaltenbreite

Tabellen werden üblicherweise zur Darstellung tabellarischer Daten verwendet, aber die Anpassung der Spaltenbreiten kann für die Gewährleistung der Lesbarkeit und des Leseverhaltens von entscheidender Bedeutung sein richtige Ausrichtung. In diesem Artikel erfahren Sie, wie Sie die Breite von Tabellenspalten mithilfe von CSS festlegen.

Methode unter Verwendung der CSS-Eigenschaft „Breite“

Die Breite einer Tabellenspalte kann mit der width-Eigenschaft des col-Elements festgelegt werden. Der Breitenwert kann in Pixeln (z. B. Breite: 200 Pixel;) oder als Prozentsatz der Breite des übergeordneten Elements (z. B. Breite: 50 %;) angegeben werden.

Beispiel mit Inline-Stilattribut :

In diesem Beispiel werden Inline-Stilattribute innerhalb eines col-Elements verwendet, um die Breite von drei Spalten festzulegen:

<code class="html"><table style="width: 100%;">
    <colgroup>
        <col span="1" style="width: 15%;">
        <col span="1" style="width: 70%;">
        <col span="1" style="width: 15%;">
    </colgroup>

    <!--- ... remaining table elements ---->
</table></code>

Das obige ist der detaillierte Inhalt vonWie lege ich die Spaltenbreite einer Tabelle mithilfe von CSS fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!