WEB制作

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

スポンサーリンク

text

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

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

 

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

 

解決コード

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

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

 

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

from-2column-to- 1column
【CSS】flexを使用したレスポンシブデザイン 並び順や幅の指定も自由自在

続きを見る

スポンサーリンク

-WEB制作
-, , , ,

© 2024 人生フリーハンド Powered by AFFINGER5