代码改变世界

CSS 小记

2012-08-16 22:34  音乐让我说  阅读(132)  评论(0)    收藏  举报

1. 带各种漂亮颜色边框的 DIV，请看下面的效果：

2. Span 中的内容超过长度自动隐藏

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .fl { float:left;  }
        .w_50 { width:50px; }
        .t_elli{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
    </style>
</head>
<body>
<!-- Span 中的内容超过长度自动隐藏 -->
<div>
    <span class="fl w_50 t_elli">Hello World</span>
</div>    
</body>
</html>

 

3.

谢谢浏览！