单行,多行文本超出省略号。。。
单行文本超出
{
overflow:hidden;
text-overflow:ellipsis;//文本溢出显示省略号
white-sapce:nowrap;
}
多行文本超出
{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示行数*/
}
三角图标写法
p::before{
display:inline-block;
border:15px solid transparent;
border-left-color:red;
position:absolute;
left:10px;
top:10px;
}