BinaryDevelop
  1. ホーム
  2. ハイパーリンク

[解決済み】テーブルの列幅を設定する

2022-03-30 16:15:02

質問

以下のような受信トレイに使用する簡単なテーブルがあるのですが。 

<table border="1">
        <tr>
            <th>From</th>
            <th>Subject</th>
            <th>Date</th>
        </tr>

FromとDateがページ幅の15％、Subjectが70％になるように幅を設定するにはどうしたらよいですか？また、テーブルがページ全体の幅を占めるようにしたいのですが。

解決方法は？ 

<table style="width: 100%">
    <colgroup>
       <col span="1" style="width: 15%;">
       <col span="1" style="width: 70%;">
       <col span="1" style="width: 15%;">
    </colgroup>
    
    
    
    <!-- Put <thead>, <tbody>, and <tr>'s here! -->
    <tbody>
        <tr>
            <td style="background-color: #777">15%</td>
            <td style="background-color: #aaa">70%</td>
            <td style="background-color: #777">15%</td>
        </tr>
    </tbody>
</table>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します