栏目导航

热点推荐

当前位置：主页>设计在线>CSS教程>资讯:用CSS white-space 属性实现中文词组自动换行

www.jz123.cn 2009-09-22 来源: 中国建站责任编辑(袁袁) 我要投递新闻

　　white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式

　　normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)

　　pre: 保持HTML源代码的空格与换行,等同与pre标签

　　nowrap: 强制文本在一行,除非遇到br换行标签

　　pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行

　　pre-line: 同pre属性,但是遇到连续空格会被看作一个空格

　　inherit: 继承

　　初始值: normal

　　继承性: 是

　　适用于: 所有元素

　　white:白色.space:间隔,距离

　　例子:

　　<html>

　　<head>

<!--

　　body {

　　font-size:12px;

　　color:#ffffff;

　　}

　　#main span {

　　float:left;

　　padding:10px;

　　word-break:normal;

　　width:auto;

　　display:block;

　　white-space:nowrap;

　　}

　　-->

　　</style>

　　</head>

　　<body>

　　<span>正常</span><span>标签标标签二< /span><span>标签一</span><span>标签< /span><span>标签</span></div>

　　</body>

　　</html>