1. 单行溢出显示省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;2. 多行溢出显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;3. box-show
box-shadow: 1px 2px 3px 4px #888888 inset;| 参数 | 描述 |
|---|---|
| 1px | 水平阴影的位置。允许负值 |
| 2px | 垂直阴影的位置。允许负值 |
| 3px | 模糊距离 |
| 4px | 阴影的尺寸 |
| #888888 | 颜色 |
| inset | 将外部阴影 (outset) 改为内部阴影 |
4. 允许长英文换行
word-wrap: break-word