blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Web

欧文の改行ではword-breakではなくword-wrapを使う

Pocket

欧文がスマホなどではみ出してしまう場合、改行させる際にはword-breakではなくword-wrapを使います。
word-breakでは禁則処理が無視され、単語の途中で無理矢理改行されてしまうためです。
 
word-wrap: break-word;
// word-break: break-all;
 

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43