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;
    }