IE限定 CSSでリンクを半角文字の折り返しをする

ドキュメントのテキストは右端で折り返されるのが普通ですが、
HTMLで半角文字の長いテキストが続く場合、たとえば、URLなどの連続する半角文字は１つの単語として扱われ、折り返さないことが多々あります。そのため、デザインの表示崩れが起こる原因となります。

Microsoft の windows の Internet Explorer(IE)の独自拡張の仕様ですが
スタイルシートのwork-breakという属性を利用することで、長いURLを
折り返すことが可能になります。

スタイルシートの例

p {
word-break:break-all;
}

work-breakの値には、下記のものがあります。

normal	英単語の途中では改行せず、単語の切れ目で改行する。日本語等は、表示範囲に合わせて改行される。
break-all	言語に関係なく表示範囲に合わせて改行する
keep-all	言語に関係なく単語の切れ目で改行する。

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12