防止需要：内容在新行之后

Question

我们目前在表单上使用label.required：after来指示必填字段如下：

<tr>
    <td><label for="loginName" tag="" class="required">Login name:</label></td>
    <td><input type="text" name="loginName" id="loginName" value="" maxlength="64" required="required" /></td>
    <td></td>
</tr>

使用以下CSS标记：

label.required:after {
    content:" *";
}

当表格改变大小时，它会将一些星号推到自己的新行上。有没有办法阻止它这样做（除非标签本身包裹在第二行）。

如果可以的话，我更愿意修改label.required类，但如果他们能很好地解决问题，可以使用其他方法。

Answer 1

在*之前放置一个不间断的空格而不是普通空格。由于您正在使用CSS，因此需要使用转义序列\00a0而不是HTML实体 ：

label.required:after {
    content:"\00a0*";
}