css 解决方案

1. 文案隐藏

pre{

    white-space:pre-wrap

    word-wrap: break-word;

    word-break: break-all;/*如果要兼容IE，可以加上这句，连续字母断行的问题伤不起啊。。。。*/

}

 

2.伪类和伪元素

         单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。

         在CSS3中唯一引入的伪元素是::selection.它可以让你指定被用户高亮（选中）的元素。

　　　:before :after ::selection

3. IE下li中英文内容混排bug解决方案

    #content ul li{

    float:left;

    white-space:nowrap;

    padding:20px 30px;

    border-bottom:1px solid #e3e3e3;

    line-height:1.231;

    }