CSS でテーブルのセル幅を設定する方法: Min-Width と Max-Width が機能しないのはなぜですか?

表のセルの width プロパティの使用

予想に反して、min-width プロパティと max-width プロパティは表のセルには適用できません。 CSS 仕様によれば、表のセルに対する影響は定義されていません。

代替解決策

表のセルの幅を定義するには、代わりに width プロパティを使用します。これは、テーブルのセルの最小幅と最大幅を効果的に設定します。

例:

<code class="css">td {
    width: 100px;
}</code>

テーブル レイアウト

さらに詳細に制御するには、テーブルの table-layout プロパティを「fixed」に設定することもできます。これにより、固定レイアウトが適用され、表のセルが指定された幅に確実に準拠します。

コード例

<code class="html"><table style="table-layout: fixed;">
    <tr>
        <td>
            <!-- Your content here -->
        </td>
        <td>
            <!-- Other content -->
        </td>
    </tr>
</table></code>

以上がCSS でテーブルのセル幅を設定する方法: Min-Width と Max-Width が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。