css样式相关---文本溢出

// 单行文本溢出 省略号代替

/*  display: block;  如果是p标签不需要加此行 span行内得话需要(内联元素white-space:nowrap失效) */

white-space : nowrap;

overflow : hidden; 

text-overflow: ellipsis;

 

// 多行文本溢出隐藏 省略号代替

overflow : hidden;

text-overflow : ellipsis;

display: -webkit-box;

-webkit-box-orient :  vertical; // 设置对齐模式

-webkit-line-clamp : 2; // 设置多行的行数