您现在的位置是：网站首页> 编程资料编程资料
div中英文无法自动换行的解决办法 _Div+CSS教程_CSS_网页制作_
2021-09-08
883人已围观
简介 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。
但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。
原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。
解决办法：在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大致如下
div中英文自动换行
原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。
解决办法：在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大致如下
div中英文自动换行
复制代码
代码如下:相关内容
- css ul li 的使用及浏览器兼容问题_浏览器兼容教程_CSS_网页制作_
- CSS 类名的长命名和短命名_CSS教程_CSS_网页制作_
- 用CSS的float和clear属性进行三栏网页布局_CSS布局实例_CSS_网页制作_
- 不用JS只用CSS制作的网页下拉菜单_CSS教程_CSS_网页制作_
- css 鼠标经过文字变色_CSS教程_CSS_网页制作_
- Div+Css实现屏蔽效果 _Div+CSS教程_CSS_网页制作_
- css设置z-index 失效的解决方法_CSS教程_CSS_网页制作_
- CSS 浏览器专用 _CSS教程_CSS_网页制作_
- div+css 定位浅析_Div+CSS教程_CSS_网页制作_
- 将PSD网站模板转换为XHTML+CSS_CSS教程_CSS_网页制作_
点击排行
本栏推荐
