具有自己宽度的 TD 元素答案

【问题标题】：TD elements with their own width具有自己宽度的 TD 元素
【发布时间】：2016-10-27 00:07:31
【问题描述】：

我有一张这样的桌子：

<table class="data">
    <thead>
    <tr class="columns">
        <th>
        </th>
        <th>
            <h2>Title</h2>
        </th>
        <th>
            <h2>Location</h2>
        </th>
        <th>
            <h2>Download</h2>
        </th>
        <th>
            <h2>Analytics</h2>
        </th>
        <th>
            <h2>Uploaded</h2>
        </th>
        <th>
            <h2>Updated</h2>
        </th>
    </tr>
    <thead>
    <tbody>
    <form>
    <tr class="row">
        <td><input type="checkbox" name="ID" value="1" /></td>
        <td>Some Title</td>
        <td>Some Url</td>
        <td>Some Url</td>
        <td>view Analytics</td>
        <td>Some person</td>
        <td>Some info</td>
    </tr>
    <tr class="row">
        <td><input type="checkbox" name="ID" value="2" /></td>
        <td>Some Title</td>
        <td>Some Url</td>
        <td>Some Url</td>
        <td>view Analytics</td>
        <td>Some person</td>
        <td>Some info</td>
    </tr>
    </form>
    <tbody>
</table>

我想在表格底部插入另一个包含tds 的tr（就在</form> 标记之后），但是我不希望它们的宽度受到另一个td 的影响或影响在他们之上。

表格的内容没有设置宽度和大小。

我该怎么办？

【问题讨论】：

您不能只是将form 标签随机粘贴在表格中。把它们放在TD 或桌子外面

标签： html css html-table

【解决方案1】：

在最后一个单元格中添加另一个表格：

<tr>
    <td colspan="6">
        <table>
           <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
           </tr>
        </table>
    </td>
</tr>

【讨论】：

【解决方案2】：

你不能这样做，除非你添加你的<tr>，将所有<td>-s 合并到一个（colspan）中，然后在<td> 中放置一个嵌套表 - 在那个新表中你可以设置你的@ 987654324@-s 宽度

【讨论】：

【解决方案3】：

查看 colspan 和 rowspan 属性。为了完全灵活，您应该在上面的表格下制作另一个表格。使上表 style="margin:0;"下表有类似 style="margin:0;position:relative;top:-2" 的内容，以使其看起来像是连接的。不过，让它看起来与跨浏览器相同会很棘手。

【讨论】：