div中文换行英文不换行的解决方法

转载 2016年05月30日 23:42:34

http://www.oschina.net/code/snippet_262017_19333

在一个width=100px的div块里输中文到了100px会自动换行,英文却会不断加大width像素(不会换行),这是怎么回事?

实例:http://bbs.mihoweb.com/forum.php?mod=viewthread&tid=320

问题:在一个width=100px的div块里输中文到了100px会自动换行,英文却会不断加大width像素(不会换行),这是怎么回事?
答案:打英文的时候肯定是连打了,正确的英文单词之间一定有空格, 一但有空格就会换行!!
问题:如何实现不管是否是单词,都会强制换行!
回答:div加上word-break:break-all;样式。但是ie下可以,ff下不可以。


相关文章推荐

关于在html中数字和英文不换行的解决方法

字符换行 table,td,th,div { border:1px green solid;} code { font-family:"Courier New", Cou...

css 长单词不换行溢出容器的解决方法 word-wrap与word-break

这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是...

Android中TextView中内容不换行的解决方法

问题 如果新建的Android项目采用的Android 3.0以上的SDK,同时采用了 作为整个项目的主题 ...

DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替

在做经管系主网页的同时也在进行着中文系主网页的构建,果然是只有自己去实践了,才能遇到各种各样的问 题,然后再去寻找解决这些问题的方法,最后进行修改和不断的调试,最后达到自己想要的效果。中文系主网页构...

长英文自动换行的最终解决方法

转自:http://www.cnblogs.com/yuzhongwusan/archive/2009/04/26/1443803.html 长英文自动换行的最终解决方法: 在table标...

CSS强制英文、中文换行与不换行

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥...
  • ld_flex
  • ld_flex
  • 2011年12月07日 15:18
  • 1389

css强制html不换行 css强制英文单词断行

css强制html不换行 css强制英文单词断行 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word...

CSS实现div或ul,li水平对齐不换行

在网页前端开发中,我们可能会经常用到走马灯特效,于是乎就需要用CSS来实现文字或图片水平对齐但不换行的效果,用div+table可是很实现这个效果,但是要用div或ul,li来做就难了,大部分人都会想...

li内容不换行、div加滚动条

昨天在使用css结合div布局的时候碰到了一个问题。     在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里   ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div中文换行英文不换行的解决方法
举报原因:
原因补充:

(最多只允许输入30个字)