多行文本溢出打点

首先单行文本溢出打点方法(三件套)
div{
width:100%;
overfllow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

————————————————————————————
-wenbkit-line-clamp文字占几行
box-orient 属性规定框的子元素应该被水平或垂直排列。horizontal为水平
多行文本打点
div{
width: 100px;d
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

你可能感兴趣的:(Css)