css自动截取字符串
提供一种用CSS代码实现自动截取字符串的方法：
CSS代码如下：
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML代码如下：
<div class="test">CSS代码实现自动截取字符串CSS代码实现自动截取字符串CSS代码实现自动截取字符串</div>
相关文档：
在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。
-
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7
IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常 ......
CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。
1.简单的纯CSS Tooltip
通过这些代码，你可以做出简单的Tooltip。这是CSS
代码：
以下为引用的内容：
a:hover { background: ......
不可换行 <NOBR></NOBR> （不换行）
overflow
版本：CSS2 兼容性：IE4+ NS6+ 继承性：无
语法：
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对
象的window或f ......
IE vs FF
CSS 兼容要点：DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一 ......
