繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div中英文无法自动换行的解决办法
- CSS样式表
- CSS教程:dl dt dd模拟表格实例
- 网页制作实例:将PSD网站模板转换为XHTML+CSS网页
- CSS布局实例代码:两列布局实例
- border:none;与border:0;的区别
- CSS浮动定位:引起文本重影的怪异问题
- 同一张PNG8图片为何部份图标在IE6中消失
- IE6中背景属性加a与a:hover问题
- 网页制作教程:在IE7中的网页文本重影问题
- 推动浏览器更新的原因和方法
- CSS实例教程:制作网页列表菜单
- CSS实例教程:制作网站横向导航
- CSS实例教程:制作网页2级导航
- CSS研究教程:类名的长命名和短命名
- CSS教程:彻底弄清楚CSS的行高属性
- 用CSS的float和clear属性进行三栏网页布局
- 没有JS只用CSS制作的网页下拉菜单
- 初学CSS的基础教程:在网页中使用CSS
- 网页制作教程:制作拖拽翻页
- 制作网页时编写CSS代码的25个小技巧
- CSS3中很有用的特性:CSS阴影
CSS样式表 中的 div中英文无法自动换行的解决办法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 134 ::
收藏到网摘: 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
