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 回答日時： 2009/08/12 11:01

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を使用して解決致しました。

お礼日時：2009/08/12 17:51