繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div中英文无法自动换行的解决办法
- CSS样式表
- IE6编码问题无法正确解析CSS文件
- 网页设计中的黄金比例
- 网站设计Tab标签切换的效果制作
- DIV滚动条随机位置的设置技巧
- 重置默认样式:css reset
- css美化input file按钮的方法
- 支持Web标准，在中国
- 网页制作css不解析问题
- 网页制作:不同浏览器的CSS Hack写法
- word-wrap和word-break解决连续字符自动换行
- CSS样式表最佳习惯
- 网页制作学习之CSS样式表的优先权
- CSS属性display:inline-block
- 网页开头部分的声明DOCTYPE
- CSS布局:居左之后居右是100%宽度显示问题
- CSS设计多列多模块等高网页布局
- 真正的利用DIV+CSS优化站点
- 网页作品：CSS主题网站欣赏
- CSS+XHTML制作的简单网页下拉菜单
- 加深对HTML和CSS标签语义化的理解
CSS样式表 中的 div中英文无法自动换行的解决办法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 204 ::
收藏到网摘: 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
