www.jbmf.net > Css英文不自动换行

Css英文不自动换行

..第一次遇到这样的事情,我到网上查了下:原来有很多人也遇到了同样的问题:例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行.其中的原因是:英文字

你除了要定宽度,还要加上这2个属性其中之一,就可以实现换行了.1. word-break:break-all;只对英文起作用,以字母作为换行依据2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据(考虑到合理性,可优先使用第二个css属性.) 出现此问题是因为系统默认一段不含空格的字母(数字)串为一个单词,系统默认不会从一个单词中间断行,所以溢出了div,设置了上述换行属性亦可解决此问题.

强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}

引用 5 楼 wangyuehong516 的回复:把div标签换成span就能截断了顶!!

显示层的高度等于文字的行高 就行了

一般都是用javascript,用CSS的倒没听说过,用javascript截取字符串,超过定义的长度就截取前面的,后面加上就行.

不换行:white-space:nowrap;自动换行:word-wrap: break-word; word-break: normal;强制换行:word-break:break-all;

中文会自动换行,英文的话的手动换行

可以通过CSS样式控制自动换行:<div style="width:300px;word-wrap:break-word; overflow:hidden;">word-wrap是控制换行的.改变文本框颜色<input type="text" style="background-color:颜色"/>列表页这样.使用break-word时,是将强

这个属性可以让英文自动换行不需要使用连字符.建议可以多看一下关于CSS的基础知识,CSS其实还是提供了不少基础方法方便使用的.不需要太麻烦的连字符来操作

网站地图

All rights reserved Powered by www.jbmf.net

copyright ©right 2010-2021。
www.jbmf.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com