html 在标签前添加 space

Question

我试图在输入标签前添加 space，我注意到 Chrome 没有呈现白色 space。我该怎么做才能添加一个space。我的代码非常简单：

    Q: <input type="text" id="q">

注意 Q: 和标签之间的 space。如果绝对必要，我会使用 JS，但纯 HTML 更好。

Answer 1

如果你想要一个常规的行空白，你可以使用 <br> 但是如果你的意思是输入框前的文字 whitespace，你可以使用 margin 标签来给它更多 space.

例如

 #q{
        margin-left:10px;
    }

Answer 2

你可以试试 。

Q:&nbsp;<input type="text" id="q">

Answer 3

给你加margin-left #q,

#q{
  margin-left:10px;
}

Answer 4

这是在输入标签前有一个白色space 的两个例子。它使用 &nbsp 或 css。使用 css 对我来说更简洁，您可以轻松更改它的样式。下面的例子 css 有一个字符 space.

#q1 {
  margin-left: .5em;
}

<label for="q">Q:</label>&nbsp; <!-- using a space -->
<input type="text" name="q" id="q">

<br />

<label for="q1">Q:</label><!-- using css -->
<input type="text" name="q1" id="q1">

html 在标签前添加 space

html add space before tag

html

whitespace