経験知ロゴ

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

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

CSS

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

white-space: nowrap;

をつける。

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

わからないことは人に聞こう

プログラミングをする上で、わからないことはネットなどを使い自分で調べる技術が必要ですよね。

時間がかかっても、ある程度のことは解決できます。

しかし、どうしても答えにたどり着けなかったり、探す時間が惜しいときもあります。

そこでオススメなのが無料登録でプログラミングに関する質問ができるテラテイルです。

質問の投稿にコードも投稿できるので、自分のコードを投稿して問題のある箇所を指摘してもらうことができます。

プログラマーには、自分で探す技術も必要ですが、人に聞く技術は更に重要です。

登録無料で質問できますので、テラテイルで質問する力を磨いてみましょう!

おわりに

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

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