CSS : 改行を禁止する

nobr010

上記のように、改行させたくないのに、幅の都合で勝手に改行されることがあります。このような改行を禁止させる設定です。

<nobr>要素はHTML5で非標準となっているので、使うべきではありません。代わりに以下のようにします。

/* CSS */
.nobr {
	white-space: nowrap;
}
<!-- html -->
<span class="nobr">改行禁止</span>

そうすると、以下のようになります。

nobr020

以上

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA