设置表列宽度

我有一个简单的表格，用于收件箱如下:

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

我如何设置宽度，使日期和日期是页面宽度的15%，主题是70%。我还想让表格占据整个页面宽度。

当前回答

Table {Table -layout: fixed;｝ .subject{宽度:70%;｝ <表> < tr > 从< / th < th > > < th class = "主题" > < / th >主题 < th > < / th >日期 < / tr > 表> < /

2016-08-24 02:46:51

其他回答

试试这个吧。

<table style="width: 100%">
    <tr>
        <th style="width: 20%">
           column 1
        </th>
        <th style="width: 40%">
           column 2
        </th>
        <th style="width: 40%">
           column 3
        </th>
    </tr>
    <tr>
        <td style="width: 20%">
           value 1
        </td>
        <td style="width: 40%">
           value 2
        </td>
        <td style="width: 40%">
           value 3
        </td>
    </tr>
</table>

2014-07-04 09:31:57

Table {Table -layout: fixed;｝ .subject{宽度:70%;｝ <表> < tr > 从< / th < th > > < th class = "主题" > < / th >主题 < th > < / th >日期 < / tr > 表> < /

2016-08-24 02:46:51

2009-05-30 02:48:23

不要使用border属性，使用CSS来满足所有的样式需求。

<table style="border:1px; width:100%;">
    <tr>
            <th style="width:15%;">From</th>
            <th style="width:70%;">Subject</th>
            <th style="width:15%;">Date</th>
    </tr>
... rest of the table code...
</table>

但是像这样嵌入CSS是很糟糕的做法——应该使用CSS类，并将CSS规则放在外部CSS文件中。

2009-05-30 02:49:18

在table标签后添加colgroup。在这里定义列的宽度和数量，并添加tbody标记。把你的tr放进身体里。

<table>
    <colgroup>
       <col span="1" style="width: 30%;">
       <col span="1" style="width: 70%;">
    </colgroup>
    
    
    <tbody>
        <tr>
            <td>First column</td>
            <td>Second column</td>
        </tr>
    </tbody>
</table>

2019-03-07 06:24:32

设置表列宽度

推荐文章

最新文章

标签