首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用不同的填充在html中嵌套表格

用不同的填充在html中嵌套表格
EN

Stack Overflow用户
提问于 2018-08-10 08:25:07
回答 1查看 73关注 0票数 0

我正在尝试创建以下表:

我似乎不能让内表嵌套在外表中。table是合适的工具吗?或者有没有其他工具可以让我做这些事情?我读到过,我可以使用样式,然后根据像素手动定位它,但这似乎不是一个好的解决方案。

下面是我所拥有的(注意:内部表是问题所在)

代码语言:javascript
复制
            <table>
                <tbody>
                    <tr>
                        <td>field_A </td>
                        <td><input type="text"></td>
                    </tr>

                    <tr>
                        <td> 
                            [optional]
                            <input type="text"> 
                        </td>

                        <td>
                            [optional]
                            <input type="text">
                        </td>
                    </tr>

                    <tr>
                        <td>field_D </td>
                        <td><input type="text"></td>
                    </tr>
                </tbody>
            </table>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-10 09:48:55

您的问题中只有一个表。我认为你想要这样的东西:

代码语言:javascript
复制
<table>
  <tbody>
    <tr>
      <td>field_A </td>
      <td><input type="text"></td>
    </tr>
    <table style="position: relative; left: 25px;">
      <tr>
        <td>
          [optional]
          <input type="text">
        </td>

        <td>
          [optional]
          <input type="text">
        </td>
        <tr>
          <td>
            [optional]
            <input type="text">
          </td>

          <td>
            [optional]
            <input type="text">
          </td>
        </tr>
    </table>

    <tr>
      <td>field_D </td>
      <td><input type="text"></td>
    </tr>
  </tbody>
</table>

这会将该表嵌套在另一个表中,并对其进行缩进(基于提供的图片)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51777368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档