在工作的过程中,遇到过这样一个问题,在中文
的状态下,我们换行、断句直接用word-wrap:break-word;overflow:hidden;
就可以解决问题,但是在英文
的状态下,这个方法无法达到我们想要的效果。因此,我们只能利用js的办法去解决这个实际性的问题,下面我们来看实例:
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}/*针对IE*/
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script type="text/javascript">/*针对FF*/
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+" "; /*重点就是我们利用“ ”来断句*/
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(37)
</script>
附加一个中文 禁止文字自动换行{white-space: nowrap; display:inline-block;}
分享到:
相关推荐
1、解决HTML转pdf 中文、数字、英文不能换行的问题,修改的源码包 重新计算了右边距。 2、html转pdf 参考我的另外一篇博文https://blog.csdn.net/qq_38616723/article/details/125188407?spm=1001.2014.3001.5502
解决DrawText中文字与字母之间自动换行
word-wrap是控制换行的。 使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。
详细介绍如何在PB中实现文本框内文字的自动换行
英文在网页里一般不会自动换行,以下一小截代码完全解决自动换行
TextMeshProUGUI自动宽度(达到最宽后自动换行) 1. 以父节点宽度为最大宽度,超出自动换行 2. 背景图也自动与text一同变化 3. 设置父节点Pivot控制换行方向 4. 设置Bg上的VerticalLayoutGroup Padding 微调背景图宽...
采用代理方式,实现qtableview的文字自动换行
文本显示工具,支持长英文自动换行,QLabel不支持长串英文自动换行
xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。
解决HTML转pdf 中文、数字、英文不能换行的问题,修改的源码包 重新计算了右边距
当数字或者英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个问题如何解决?先来认识一下两位主角word-wrap和word-break word-wrap用来控制换行
应用此方法可实现以下功能: 1.在图片上自定义位置添加水印文字; 2.如果文字太长,会自动截取可写下的文字,支持汉字,英文; 3.支持utf8,gbk截取; 4.在可编辑区域支持自动换行;
导入 <groupId>org.xhtmlrenderer <artifactId>core-renderer <version>R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar
经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;
当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容器,不会自动换行 并且当数字或者英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个问题如何解决?先来认识...
自动换行的textview 自定义view 识别英文
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行: html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义...
解决TextView自动换行的排版混乱 允许设置SpannableString等特殊属性 至繁归于至简
两个功能 解决中英文结合导致提前换行bug。 textview动态变化行(显示更多),点击更多弹出全部textview再点击隐藏。
但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远...div中英文自动换行 复制代码代码如下: <div style=”word-break:break-all;width:20px