栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程:认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
用CSS white-space 属性实现中文词组自动换行
www.jz123.cn 2009-09-22 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
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>
上一篇:设计心得:CSS布局调试的有效方法 下一篇:合理利用HTML标记优化网页布局