HTML,CSS

【CSS】「white-space:nowrap」で、タグクラウドを改行させずに表示させる

2017/12/12

以前から、タグクラウドの表示で一文が改行させるのが非常に気になっていましたが、何の事はない、 対象のaタグに対して white-space:nowrap を指定するだけですっきりさせることが出来ましたので、備忘録としてポストします。

タグを改行させないようにする

処理前

tags_nowrap_NG

↑ 処理前

「ららぽーと和泉」や「スマートフォン」などの語句が改行しているものがあります。なんだか気持ち悪い。
これを改行しないようにします。

処理する

↑ 対象のAタグに対して指定。

tags_nowrap_OK

↑ ランダムで並ぶので同じ結果とはいきませんが、結果として無事に変に改行しているものは無くなりました。
エクセレント。

-HTML,CSS
-, , , , ,