スポンサーリンク

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

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

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ


プライバシーポリシー