单行隐藏
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的几个实例 |