博客

单行超出隐藏：

/* 不换行 */

white-space: nowrap;

/* 超出隐藏 */

overflow: hidden;

/* 文字超出显示省略号 */

text-overflow: ellipsis;

多行超出隐藏：

/* 超出隐藏 */

overflow: hidden;

/* 文字超出显示省略号 */

text-overflow: ellipsis;

/* 对象作为弹性盒子模型显示 */

display: -webkit-box;

/*块容器中的内容限制为指定的行数 */

-webkit-line-clamp: 2;

/* 弹性盒子对象的子元素排列方式设置为垂直排列 */

-webkit-box-orient: vertical;