css中实现字符超出宽度自动换行和英语字符不断行的解决方法
来源:互联网 发布:北京办公软件培训班 编辑:程序博客网 时间:2024/06/05 11:00
为了使英语字符不断开,我在显示内容的style是text-align:justify; text-justify:inter-ideograph。可是这样子在后台添加内容时,如果不是键盘输入的,而是copy到输入框里的话,这样前台显示出来的帖子内容会把表格撑得很宽。有人说采用自动换行就会解决这个问题style=”word-break:break-all”。可是这样一来,英语单词又断了。如何才能将这两个矛盾统一起来呢?
参考的帖子是这样的:
- overflow:hidden:超出溢出,通俗点就是超出不显示
- word-wrap:break-word:自动段字换行。可能是针对与中文字。
- word-break:break-all:是段字换行。它与上面的区别在于,可以断掉一些
较长的英文字母,使表单不至于撑破。主要针对于英文。
以下是详解:
三种样式都不写的情况下(只举英文例子)div的宽度是100px:
ni nia nia nidad niadnai nida nin andisdn nidasndadsfsdf dasdasdadad ada .
第二种情况只写
overflow:hidden
div的宽度是100px:
ni nia nia nidad niadnai nida nin第三种情况
overflow:hidden; word-wrap:break-word;
div的宽度是100px;ni nia nia nidad niadnai
nidasndadsfsdf nin ninniadnai nida nin .
注意:由于nidasndadsfsdf的单词太长所以不能给断开,所以,整个词给断下来了。第四种情况
overflow:hidden; word-wrap:break-word; word-break:break-all;
div宽度还是100px。ni nia nia nidad niadnai nidasnda
dsfsdf nin ninniadnai nida nin .
注意:由于nidasndadsfsdf的单词被断开了。
上面的测试都没有问题,但是放到我的内容上面仍然还有问题。
最后,参考了很多论坛,终于找出了问题
问题原来出在 空格的ASCII码为32,字符实体 的名字叫做”不中断空格”,其ASCII码为160。虽然显示出来可能 和空格一样,但浏览器可能不会将其和空格一样对待,所以那串英文成了一个”单词”,不会自动换行。
你只需将 再替换回去,而且在你的后台程序中将那句替换空格的语句去掉,如果这样会影响到排版,也可以将那句replace改成将两个空格替换成一个全角空格或两个 ,这样不会影响到单词间的单个空格。
原文链接
- css中实现字符超出宽度自动换行和英语字符不断行的解决方法
- css中实现字符超出宽度自动换行和英语字符不断行的解决方法
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- CSS网页布局中DIV和TABLE超出宽度自动换行分析
- CSS网页布局中div和table超出宽度自动换行
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- android textview 中超出屏幕宽度的字符 省略号显示
- android textview 中超出屏幕宽度的字符 省略号显示
- android 中超出屏幕宽度的字符 省略号显示
- android textview 中超出屏幕宽度的字符 省略号显示
- android textview中超出屏幕宽度的字符 省略号显示
- android textview 中超出屏幕宽度的字符 省略号显示
- android textview 中超出屏幕宽度的字符 省略号显示
- android textview 中超出屏幕宽度的字符 省略号显示
- laravel管道pipeline用到的地方
- python 求某条线上特定x值或y值的点坐标
- P1000 超级玛丽游戏
- React-Native开发环境搭建以及遇到的相关问题2
- 分章节读《thinking in Java》
- css中实现字符超出宽度自动换行和英语字符不断行的解决方法
- 教你用XMind制作聚会“活动计划”!
- 线程安全下的单例模式
- ubuntu14.04 安装opencv3.0.0
- Ubuntu下的deb打包、安装与卸载
- 结构体在内存中的对其规则
- PAT
- MySql数据库的引擎介绍
- protected-broadcast 系统应用自定义广播规范