WEB制作

【CSS】文字を折り返しさせない方法

スポンサーリンク

text

テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。

今回はその方法をご紹介します。

 

私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボタンの中のテキストが折り返してしまったので、「あれ?」と感じたことでした。

 

解決コード

セレクタ {
white-space: nowrap;
}

これで、要素の幅が縮まっても、テキストの折り返しはしなくなります

 

レスポンシブ関連の記事も紹介しておきます。

from-2column-to- 1column
【CSS】flexで2カラム→1カラム  レスポンシブデザインの必須レイアウト

続きを見る

スポンサーリンク

-WEB制作
-, , , ,

© 2023 WEBセンス Powered by AFFINGER5