英文在 DIV 中自动换行的解决办法

今天在修改一个英文主题时,发现中文能在DIV定义的区域中自动换行,而英文却不能自动换行,而是超过DIV定义的区域延伸出去,很不美观。

这个问题可以用CSS来控制,方法如下:

一、在DIV的style中加入 word-break:break-all 属性,代码样式如下所示:

<div style=” width:500px;word-break:break-all; font:12px/20px Arial; color:#FF0000;”>If you feel like you missed the class that taught everything you needed to know about dating and you justcan’t make these things called relationships work, you may be stuck in some unhealthy romantic patterns. These default strategies can often kick in without us even knowing it — from the moment those first crushy feelings arise and take hold until the relationship inevitably crashes and burns and sometimes beyond,…</div>

二、是在DIV的class中加入 word-break:break-all 属性,代码样式如下:

<div class=”word”> you justcan’t make these things called …</div>

CSS样式:.word {word-break:break-all;}

 

实际效果可参看:

http://store.fengten.com/yiluxiangxi/76.html  中后面的长英文的自动换行。


标签:  |  |  |  | 
将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/1326.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

4 条评论

*

*

顶部 友荐云推荐