繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div中英文无法自动换行的解决办法
- CSS样式表
- 字符不会撑大表格的常见css样式
- 表格高级使用技巧_把表格进行到底(必看)
- 网页中Span和Div的区别
- 在IE与FF中如何居中的css写法
- javascript横排竖排标准选项卡效果代码
- 解决ie动态修改link样式，import css不刷新的问题
- css不用图片美化按钮
- 网页打开新窗口target=_blank不符合标准
- Javascript的匿名函数讲解
- Firefox2中输入框丢失光标bug的解决方法
- Firefox返回时Iframe的显示Bug的解决方法
- 使网页成黑白色调的滤镜
- CSS学习笔记Padding 属性中参数的定义与使用
- 无限级CSS树形菜单 Ver2.0
- css多行多列的新闻模式
- Internet Explorer 8 beta 中文版与IE7共存的解决方法
- CSS对Web页面载入效率的影响分析总结
- 巧妙地使用CSS选择器
- 去除链接元素的虚线框 兼容IE7、IE6、FF
- DIV border边框显示不完全问题的解决方法
CSS样式表 中的 div中英文无法自动换行的解决办法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 214 ::
收藏到网摘: n/a
但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。
原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。
解决办法：在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大致如下
div中英文自动换行
复制代码
代码如下:<div style="word-break:break-all;width:20px“ >现在这里的英文达到20px长度就会自动换到下一行了</div>
"
评论 (0) All
