html - 为什么要在 HTML 中添加新行?

标签 html css

当我这样编码时:

<html>

<body>
  <table width="250">
    <tr>
      <td>
        <select>
          <option>AAA</option>
        </select>
      </td>
      <td>
        a <input type="text">
      </td>
    </tr>
  </table>
</body>

</html>

'a' 和文本框之间没有换行符。

但是,当我这样编码时:

<html>

<head>
  <style rel="stylesheet">
    select {
      width: 250px;
    }
  </style>
</head>

<body>
  <table width="250">
    <tr>
      <td>
        <select>
          <option>AAA</option>
        </select>
      </td>
      <td>
        a <input type="text">
      </td>
    </tr>
  </table>
</body>

</html>

'a' 和文本框之间换行。

我刚刚添加了 5 行。

不换行怎么办?

最佳答案

这是因为你的select和整个表格的宽度一样。您应该使表格变宽或使您的选择变窄。

<html>

<head>
  <style rel="stylesheet">
    select {
      width: 250px;
    }
  </style>
</head>

<body>
  <table width="500">
    <tr>
      <td>
        <select>
          <option>AAA</option>
        </select>
      </td>
      <td>
        a <input type="text">
      </td>
    </tr>
  </table>
</body>

</html>

关于html - 为什么要在 HTML 中添加新行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53138042/

相关文章:

html - 使用 flex-grow : 1 使网格元素像 flex 元素一样使用剩余空间

php - 一切正常,但注册不起作用

html - 首次打开页面时如何调整 div 的动画大小

html - 未应用 CSS 字体颜色样式

javascript - 如何向通过单击按钮显示的图片添加替代文本?

html - 响应式布局中 ul 的垂直对齐

javascript - jquery比较同一行的数据,如果正确则显示第三行的内容

html - 如何在网格中设置一行的自定义高度?

css - -webkit-animation-iteration-count :infinite; working on one style sheet, 而不是另一个?

css - 删除在命名的 CSS 颜色上突出显示的激烈 Sublime Text 语法