微笑、生气、鬼脸…… 什么样的表情完全掌握在你的两指之间。
好东西收藏下，哈哈！ 囧！
<style type=”text/css”>
.rg{border-left:1px solid #A5DA94;border-right:1px solid #A5DA94;padding-bottom:1px;background:#DBF1D4; text-align:center}
.rg_1,.rg_2,.rg_3{ overflow:hidden;height:1px;font-size:10px;margin:0 1px;border:0px solid #A5DA94;}/*将前后三个DIV隐藏*/
.rg_1{background:#A5DA94;margin:0 3px; }/*margin:上右下左(上下 左右)*/
.rg_2{border-left-width: 2px;border-right-width:2px}
.rg_3{border-left-width: 1px;border-right-width:1px}
.rg_2,.rg_3{background:#DBF1D4;}
</style>
<div>
<div class=”rg_1″>隐藏</div>
<div class=”rg_2″>隐藏</div>
<div class=”rg_3″>隐藏</div>
<div class=”rg”>秦迷天下</div>
<div class=”rg_3″>隐藏</div>
<div class=”rg_2″>隐藏</div>
<div class=”rg_1″>隐藏</div>
</div>
white-space: nowrap
当中文文字很长的时候（中间没有空格也没有换行符号），不管是IE还是firefox，到达边界都会自动换行。
但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以用本属性了。
使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能 换行
比如：
div{white-space: nowrap;}
这是好东东！ 以前的网站很多时候文章标题因为有其它字符所以 经常会自动换行与下面的文章标题重叠在一起。