CSS强制英文、中文换行与不换行 强制英文换行

摘要:
1.分词:全部分词;它只适用于英语,并使用字母作为换行的基础。2.换行:换行;它只适用于英语,以单词作为换行的基础3.空白:预换行;仅适用于中文,强制换行。空白:nowrap;不强制换行。5.空白:nowrap;溢出:隐藏;文本溢出:省略号;如果没有换行符,多余的部分将隐藏并以省略号的形式显示:。p1{word break:break all;150px;}/*它只适用于英语,并使用字母作为换行的基础*/。p2{word-wrap:break-word;150px;}/*——它只适用于英语,并使用单词作为换行*/的基础。p3{white-space:pre-wrap;150px;}/*仅适用于中文,强制换行*/。p4{white-space:nowrap;10px;}/*强制不换行,所有工作*/p5{空白:nowrap;溢出:隐藏;文本溢出:省略号;100px;}//*不换行。多余部分被隐藏并以省略号的形式显示*/请注意,您必须指定容器的宽度,否则它是无用的。

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;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

代码:
.p1{ word-break:break-all; 150px;}/*只对英文起作用,以字母作为换行依据*/
.p2{ word-wrap:break-word; 150px;}/*--只对英文起作用,以单词作为换行依据*/
.p3{white-space:pre-wrap; 150px;}/*只对中文起作用,强制换行*/
.p4{white-space:nowrap; 10px;}/*强制不换行,都起作用*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 100px;}//*不换行,超出部分隐藏且以省略号形式出现*/
注意,一定要指定容器的宽度,不然的话是没有用的。
注意word-break 是IE5+专有属性
语法:
word-break : normal | break-all | keep-all
参数:
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
注意,兼容火狐浏览器强制英文换行:
<div style="word-wrap:break-word; white-space:normal; word-break:break-all; 150px;">英文内容</div>

免责声明:文章转载自《CSS强制英文、中文换行与不换行 强制英文换行》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java Swing 树状组件JTree的使用方法(转)制作CocoaPods依赖库最后步骤修改下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

汉语词性对照表[北大标准/中科院标准]

汉语词性对照表[北大标准/中科院标准] 词性编码 词性名称 注 解 Ag 形语素 形容词性语素。形容词代码为 a,语素代码g前面置以A。 a 形容词 取英语形容词 adjective的第1个字母。 ad 副形词 直接作状语的形容词。形容词代码a和副词代码d并在一起。 an 名形词 具有名词功能的形容词。形容词代码 a和名词代码n并在一起...

英语人称代词、物主代词用法口诀!超全~

一、人称代词的用法 人称代词有主格和宾语之分:主格用作主语,宾语用作宾语。但在口语中,当人称代词用作表语,用于than, as 之后或用于强调句中被强调时,用主格(较正式)和宾格(较口语化)均可以。如: “Who is it?” “It's me.” “是谁呀?”“是我。” 注:单独使用的人称代词通常用宾格,即使它代表主语时也是如此。详见下表: 英语人称...

Git 命令行的各种退出方式

1.保存并退出: (1)按 Esc 键退出编辑模式,英文模式下输入 :wq ,然后回车(write and quit)。 (2)按 Esc 键退出编辑模式,大写英文模式下输入 ZZ ,然后回车。 2.不保存退出:  按 Esc 键退出编辑模式,英文模式下输入 :q! ,然后回车。   按 Esc 键退出编辑模式,英文模式下输入 :qa! ,然后回车。...

计算最长英语单词链

计算最长英语单词链的题目为: 大家经常玩成语接龙游戏,我们试一试英语的接龙吧:一个文本文件中有N 个不同的英语单词, 我们能否写一个程序,快速找出最长的能首尾相连的英语单词链,每个单词最多只能用一次。最长的定义是:最多单词数量,和单词中字母的数量无关。 统一输入文件名称:input1.txt, input2.txt 统一输出文件名称:output1.txt...

SQL判断某列中是否包含中文字符、英文字符、纯数字

一、包含中文字符 select * from 表名 where 列名 like '%[吖-座]%' 二、包含英文字符 select * from 表名 where 列名 like '%[a-z]%'  三、包含纯数字 select * from 表名 where 列名 like '%[0-9]%'...

更好用的excel国际化多语言导出

不知道大家在开发中有没有遇到过『excel导出』的需求,反正我最近写了不少这种功能,刚开始利用poi,一行行的手动塞数据,生成excel,而且还有国际化需求,比如:标题栏有一列,用户切换成"简体中文"时, 导出的标题应该是『用户姓名』,而切换到"英文"时, 导出的标题应该变成『Customer Name』(当然还有一些细节 ,比如英文环境,日期通常是 "月...