CSSで単語や一文を改行させない方法


単語を改行させない方法
CSSの「span」を利用しタグボタンを横に並べて作成していたら、横に伸びで2段になる際にボタンの途中で改行されてしまったので、そうならないようにするためのメモ。

スポンサーリンク

CSS

改行させたくない単語、一文を「span」などの要素で囲み、その要素に対して

white-space: nowrap;

をつける。

以上で要素で囲まれた単語、一文の途中で改行されることはなく、改行が必要な場合は単語、一文とも下の段に改行される。

スポンサーリンク

おわりに

新しいWordpressテーマの作成中で出た問題です。ひとつひとつこなしながら早くオリジナルのテーマを作りたいと思います。


タグ:

スポンサーリンク



この記事が役に立ったらシェアして頂けると嬉しいです!
このブログをフォロー・RSS購読もお願いします!

スポンサーリンク