使用css3实现文本超出省略号和多行省略号

单行隐藏

overflow:hidden; （超出部分隐藏）

text-overflow:ellipsis;（隐藏部分用省略号）

white-space:nowrap；（不换行）

多行隐藏

overflow: hidden;（超出部分隐藏）

text-overflow: ellipsis; （隐藏部分用省略号）

display: -webkit-box;

-webkit-line-clamp: 3;（web布局固定行数3行）

-webkit-box-orient: vertical;（webbox方向垂直？）

这里要注意不要给标签添加高度，让文字自动撑开多行就行

 

 

备注：

box-orient           子元素排列 vertical or horizontal box-flex             兄弟元素之间比例，仅作一个系数 box-align            box 排列 box-direction        box 方向 box-flex-group       以组为单位的流体系数 box-lines box-ordinal-group    以组为单位的子元素排列方向 box-pack以下是关于flexible box的几个实例