CSS を使用してテーブルの列幅を設定する方法

テーブルの列幅の設定

テーブルは一般に表形式のデータを表示するために使用されますが、読みやすさと読みやすさを確保するには列幅の調整が不可欠な場合があります。適切な位置合わせ。この記事では、CSS を使用してテーブルの列の幅を設定する方法を説明します。

CSS の幅プロパティを使用する方法

テーブルの列の幅Col 要素の width プロパティを使用して設定できます。幅の値は、ピクセル単位 (例: width: 200px;) または親要素の幅のパーセンテージ (例: width: 50%;) で指定できます。

Inline Style 属性を使用した例:

この例では、col 要素内でインライン スタイル属性を使用して、3 つの列の幅を設定します:

<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>

以上がCSS を使用してテーブルの列幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。