常用但记不住的css

E和弦的根音 · 2020-08-23 · 2709 次浏览

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
如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果喜欢或者有所启发,欢迎评论,对作者也是一种鼓励。
查看评论 - 1 条评论