URLなど半角英数字の長すぎて要素からはみ出てしまい、デザインが崩れてしまうことがあります。レスポンシブサイトだと、モバイルなど表示幅が狭いと突き抜けて見た目も悪いですよね。 それを回避するために、overflow-wrapを指定することで自動的に改行されます。
上記のようにoverflow-wrap:normal;(デフォルト値)では、長い半角英数文字だと要素からはみ出てしまいます。
.sample {
overflow-wrap: anywhere;
}細かい説明は省きますが、このような表示がされた場合はお試しください。
個人開発者として、Webサイト制作やAIを活かした開発に取り組んでいます。このブログでは、私が実際に試して「これは使える！」と思った技術や、自作の便利ツールをシェアしています。一緒に技術を楽しんでいきましょう！
CSS（カスケーディング・スタイル・シート）は、ウェブページのスタイルとレイアウトを制御するための言語ですが、それだけにとどまりません。
ブログやホームページのアドレス・ドメインを変更した際に、サイト変更内容をいち早くGoogleに知らせる方法の簡易的な説明になります。
サイトのドメイン変更時、なんらかの理由で公開時のアドレスと異なる記事へ移転や変更をした際に、訪れたユーザーを指定したURLへ転送するリダイレクト機能について。