Tumblr Tag Clouds の折り返しが上手くいかない

質問

Tumblr Tag Clouds http://tumblrtags.rivers.pro/ を設置したのですが空白を含んでない日本語だけでなく二つ以上の英単語を設定すると強制的に単語が折り返されます。次のように奇麗に折り返させる方法はないでしょうか？

"Hot Melon" "Blue Moon" "One More Thing" "Red
Chilipeppers" "High Pressure" "Tag Clouds"
"BBC World" "Long Tags" "Ultra Hyper
Super"

↓

"Hot Melon" "Blue Moon" "One More Thing"
"Red Chilipeppers" "High Pressure"
"Tag Clouds" "BBC World" "Long Tags"
"Ultra Hyper Super"

回答No.1

nobuoka · ベストアンサー

Tumblr Tag Clouds を使った事が無いので、具体的に JavaScript のコードをどう書き換えるかはわかりませんが。
質問内容のような空白での自動改行を禁止する方法として CSS の white-space プロパティの値を nowrap にする、という方法があります。
例えば HTML 出力が

<span class="tag">"Hot Melon"</span>
<span class="tag">"Blue Moon"</span>
<span class="tag">"One More Thing"</span>
...

となっているならば、CSS で

span.tag {
white-space: nowrap;
}

と指定すれば改行されないようになります。

お礼

どうもありがとうございました！上記のCSSを使用して解決致しました。