本文列举了兼容 IE 和 FF 地换行 CSS 推荐样式,详细介绍了word-wrap同word-break地区别.兼容 IE 和 FF 地换行 CSS 推荐样式：
最好地方式是
word-wrap:break-word; overflow:hidden;
而不是
word-wrap
关键样式：
white-space:nowrap;/*内容横向排列不换行*/
overflow-x:auto; overflow-y:hidden;/*隐藏溢出部分。横向滚动条自动出现，纵向滚动条隐藏*/
预览代码:
<!DOCTYPE html PUBLIC "-//W3C//
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
CSS设置不
<style>
.s1{ border:2px solid #f7f7f7;width:200px;}
.s2{ width:200px; height:300px; border:1px solid #ddd;}
</style>
<div class="s1">
通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
实列如下：
.title
{
width:200px;
white-space:nowrap;
word-break:keep-a
PNG图片支持透明~很不错，可是在IE6下却不能正确显示透明部分，使用这个css可以解决这个问题（还有其他方法，不过百度空间只能用css~_~)
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="png图片地址",siz
p{ font-size:10.5pt; text-indent: 21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字
CSS与JS紧密配合，为我们的页面增添了很多别致的效果。在52CSS.com中也有相关的案例。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是什么？
CSS支持多种长度单位。它们可被分成两大类：绝对长度单位（以不依赖于显示设备的绝对尺寸来定义长度）；相对长度（相对其它为浏览器所知的单位来定义长度）。
绝对长度度量可使用五种单位：英寸（in）、厘米（cm）、毫米（mm）、磅（point，写作pt）、字高（pica，写作pc）。磅和字高通常被用作
在学习应用css之前我们要先了解一下什么是css。CSS是Cascading Style Sheets(层叠样式表)的简称.
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
* 在标准网页设计中CSS负责网页内容(XHTML)的表现.
*
