【问题标题】:Colspan not working with input field in htmlColspan 不适用于 html 中的输入字段
【发布时间】:2020-10-06 05:43:17
【问题描述】:

我一直在尝试在表格中创建一个基本表单以保持所有输入字段的完整性,但我希望列之间有一些间隙,这就是为什么我尝试插入 colspan 但它根本不起作用,当我尝试对label 做同样的事情,但由于某种原因,它不适用于输入字段。谁能帮我解决这个问题?

  <form>
    <table>
      <tr>
        <td>
          <label for = "first">First Name</label>
        </td>
        <td colspan="4">
          <input type = "text" id = "first">
        </td>
        <td>
          <label for = "last">Last Name</label>
        </td>
        <td>
          <input type = "text" id = "last">
        </td>
        <td>
          <button type="submit">Submit!</button>
        </td>
      </tr>
    </table>
  </form>

【问题讨论】:

标签: html css html-table


【解决方案1】:

尝试在您的 css 中为您的输入字段添加边距:

input { margin-right: 10px; }

【讨论】:

    猜你喜欢
    • 2014-02-19
    • 1970-01-01
    • 2021-03-11
    • 2018-09-23
    • 1970-01-01
    • 1970-01-01
    • 2020-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多