経験知ロゴ

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

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

CSS

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

white-space: nowrap;

をつける。

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

フリーランス向けの高額案件紹介

仕事を請け負っても、単価が安くて売上が伸びず複数案件をこなさなければならない。

ということありませんか?

エンジニアファクトリーは高単価案件を持ち、エンド直請けの仕組みにより高額案件を実現しています。

無料で登録できますので、どのような高額案件があるか確認してみてください。

おわりに

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

▼役に立ったらシェアをお願いします