在HTML中英文换行问题

文章摘自：http://blog.csdn.net/cicada_slough/article/details/43305381

1. word-break:break-all;只对英文起作用，以字母作为换行依据

2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据

3.{white-space:pre-wrap; 只对中文起作用，强制换行

4.{white-space:nowrap; 强制不换行，都起作用

5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现

注意，一定要指定容器的宽度，不然的话是没有用的。
注意word-break 是IE5+专有属性

转载于:https://www.cnblogs.com/csblog/p/4263051.html

在HTML中英文换行问题相关推荐

word中英文间距太大了,勾选允许中英文换行后,英文单词被拆开
在英文论文排版时,遇到个问题:word中英文间距太大了,然后我就勾选允许中英文换行,但是发现英文字母被拆开了,我又不想这种效果...于是上网查方法,目前只发现两种方法: 第一种:就是勾选允许中英文换行 ...
强制中英文换行及超出显示省略号的问题
当固定盒子的宽度时,中文会换行,但是英文和数字不换行,解决的方法如下: 1. 强制英文换行(二选一) word-break: break-all; word-wrap: break-word; 2. ...
自定义控件解决android中TextView中英文换行问题
现有textView存在的问题 <TextView android:id="@+id/id_normal"android:layout_width="300dp&q ...
css 中英文换行的相关写法
强制换行用white-space的normal,pre-wrap,pre-line换行,即使有overflow: hidden; text-overflow: ellipsis;也不影响换行. 值描 ...
CSS中英文换行问题
1. word-break:break-all;只对英文起作用,以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据 3. white-space: ...
JavaScript和JSP使用技巧总结
前言:公司前端只会BootStrap写的html+css,不是前后端分离的开发模式,所以只能自己搞JSP和JavaScript,有点浪费光阴.不过心态要摆正,既来之则安之,总结几个常用的JavaScr ...
CSS常用代码片段-01
[01]文字颜色渐变 background:-webkit-linear-gradient(bottom,red,#fd8403,yellow); -webkit-background-clip:te ...
PC端 -- 导航活动跳转 -- 锚点动画跳转
目录一.PC端 -- 导航活动跳转 -- 锚点动画跳转 ① 初始化 ② 绑定方法 ③ 具体事件 ④ 导航活动跳转 ⑤ 兼容移动与pc部分不支持 $("html").animate ...
CTeX：中英文混排无法正常换行+字体调整+行距调整
关于无法正常换行:一行与一行有时会参差不齐参考材料:ctex-faq"中英文混排是为何无法正确分排?" 简单地说,一是英文字符后面要空格,二是中英文字符间要隔开关于字体调整:\ ...

在HTML中英文换行问题

在HTML中英文换行问题相关推荐

最新文章

热门文章