码前课-前端必修课-CSS文字溢出打点显示

单行文本

css样式

overflow:hidden; /* 超出一行文字自动隐藏 */
text-overflow:ellipsis;/* 文字隐藏后添加省略号 */
white-space:nowrap; /* 强制不换行 */

css样式

display: -webkit-box; /* 盒子类型 */
word-break: break-all; /* 自动换行的处理方法。允许在单词内换行 */
text-overflow: ellipsis; /* 溢出时用... */
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:3; /* 行数 */