如何在表格行中的输入文本和按钮之间留出空间

Question

我有这样的HTML代码：

<tr>
  <td>
    <span>Card No:&nbsp;</span>
    <input id="Text1" type="text" />
    <input id="BtnSave" type="button" value="Save" onclick="return BtnSave_onclick()" />
  </td>
</tr>

这一切都让我的桌子保持一排。我想在所有领域之间留出空间。

是HTML和Web应用程序的新功能。

Answer 1

您可以使用边距：

CSS：

span, input {
    margin: 5px;
}

编辑

排队：

<tr>
<td>
  <span style="margin:5px">Card No:&nbsp;</span>
  <input id="Text1" type="text" style="margin:5px" />
  <input id="BtnSave" type="button" style="margin:5px" value="Save" onclick="return BtnSave_onclick()" />
</td>
</tr>

或者，使用以下几行代码创建一个style.css文件：

span, input {
    margin: 5px;
}

并将其包含在您的项目的头部部分中，如下所示：

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>