了解CSS3文本样式

text-align-last:针对文本的最后一行,设置对齐方式。

text-shadow:设置文本阴影

text-shadow: 12px 12px 5px red,      /** 水平距离  垂直距离  模糊度  颜色**/
           -20px -20px 5px #0ff;    /** 可以设定多组效果 **/

 

多行文本溢出用省略号代替

overflow: hidden;
text-overflow: ellipsis;

 

控制在第几行时用省略号代替

-webkit-line-clamp:2;
--webkit-box-orient: vertical;
/**
这种写法只适用于谷歌浏览器和Safari浏览器
如果其他浏览器想要实现这种效果,只能使用JavaScript来实现
*
*/

 

posted @ 2020-03-03 17:18  Crazier_Z  阅读(109)  评论(0编辑  收藏  举报