qq_44621394的博客

使用text-overflow:ellipsis只能设置某一行文字的超出省略，display: -webkit-box则可以设置超出指定行数后省略。下面的例子中设置的是文字超出两行进行省略。

我们在想写css的时候经常有加一些前缀,如-webkit-、-moz-、-ms-，这些前缀主要都是针对css3的。在css3标准还没发布的时候,为了能使前端开发者更早的使用一些新特性,浏览器厂商根据css3拟定的草案提前支持了这些属性,使用前缀与标准的css3属性进行区分。-ms- -ms-box-sadow //IE浏览器专属的css-webkit- -webkit-box-shadow //所有基于Webkit引擎的浏览器的专属css,如Chore和Safari。