点击这里给我发消息 点击这里给我发消息

用CSS white-space 属性实现中文词组自动换行

添加时间:2011-6-25
    相关阅读: 页面 HTML CSS

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

  取值: normal | pre | nowrap | pre-wrap | pre-line | inherit

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

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

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

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

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

  inherit: 继承

  初始值: normal

  继承性: 是

  适用于: 所有元素

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

  例子:

<html>
<head>
<style type="text/css">
<!--
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>
<div id="main" style="width:110px; background:#000;">
<span> 正常</span><span>标签标标签二< /span><span>标签一</span><span>标签< /span><span>标签</span></div>
</body>
</html>

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册