当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS网页制作技巧 强制中英文换行和不换行

时间:2013-03-02 03:46来源:未知 作者:admin 点击:

标签:CSS网页制作技巧 强制中英文换行和不换行 网站建设(1202)网页制作(31)技巧(106)CSS(655)中英文(2)换行(12)强制(8)
--> [网站建设之]CSS网页制作技巧:强制中英文换行和不换行 .p1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/ br .p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/ br .p3{white-space:pre
CSS网页制作技巧 强制中英文换行和不换行》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334512013.htm
--> [网站建设之]CSS网页制作技巧:强制中英文换行和不换行

.p1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/
<br>
.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/
<br>
.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用,强制换行*/
<br>
,CSS网页制作技巧 图片的自适应居中和兼容处理.p4{white-space:nowrap; width:10px;}/*强迫不换行,都起作用*/
<br>
.p5{white-space:nowrap,css网页制作实用技巧9则; overflow:hidden; text-overflow:ellipsis; width:100px;}//*不换行,超出部门隐蔽且以省略号形式出现*/
<,CSS网页代码编写隔行换色的技巧;br>
<br>
1. word-break:break-all;只对英文起作用,以字母作为换行依据
<br>
2. word-wrap:break-word; 只对英文起作用,以单词作为换行根据
<br>
3.{white-space:pre-wrap; 只对中文起作用,强制换行
<br>
4.{white-space:nowrap; 强制不换行,都起作用
<,CSS缩写的语法规则;br>
5.{white-space:nowrap; overflow:hidden,CSS编辑器:TopStyle Pro使用技巧; text-overflow:ellipsis;不换行,超越局部暗藏且以省略号情势涌现
<br>
留神,必定要指定容器的宽度,CSS绝对定位和浮动的分栏布局,不然的话是不用的。
注意word-break 是IE5+专有属性
<,CSS给图片加边框;br>
语法:
word-break : normal | break-all | keep-all
<br>
参数:
<br>normal :  按照亚洲语言跟非亚洲语言的文本规矩,容许在字内换行
<br>,CSS纯英文数字自动换行;break-all :  该行动与亚洲语言的normal雷同。也许可非亚洲语言文本行的任意字内断开。该值合适包括一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对中文,韩文,日文,css类库收藏,不答应字断开。适合包含少量亚洲文本的非亚洲文本
<br>
阐明:
设置或检索对象内文本的字内换行行为。尤其在呈现多种语言时。
对于中文,应当应用break-all 。

 ,CSS简写指南;

Tag:中英文   强制   技能   网页制造    
(责任编辑:网站建设)
CSS网页制作技巧 强制中英文换行和不换行相关文章
上一篇:CSS网页制作技巧 图片的自适应居中和兼容处理 下一篇:CSS网页制作教程 CSS属性英文单词的意义解释
回到顶部