css - 必要な防止：コンテンツが新しい行に追加された後

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:" *";
}

テーブルのサイズが変わると、アスタリスクの一部が独自の新しい行にプッシュされます。これを停止する方法はありますか（ラベル自体が2行目に折り返されている場合を除く）。

可能であればlabel.requiredクラスを変更することをお勧めしますが、問題が非常にうまく解決される場合は、他のメソッドを使用できます。

Answer 1

通常のスペースではなく、*の前にノーブレークスペースを配置します。\00a0CSSを使用しているため、HTMLエンティティの代わりにエスケープシーケンスを使用する必要があり ます。

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