常用css样式

1文本超出部分省略号显示

1）一行文本的情况

overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;

2）多行文本的情况（FF不支持）

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

记得给p标签设置高度和宽度

2多重边框

使用outline或者box-shadow

3ios下点击事件失效

给ios下直接给div添加点击事件失效

解决办法：加上样式  cursor: pointer;

4img标签图片自适应大小

用于img图片大小自适应  比如上传头像功能

解决办法：给img加上样式object-fit: contain;

另外还有三个值分别是fill: “填充”，cover: “覆盖”，none: 保持原有尺寸比例，大小也保持一样，scale-down: 显示none和contain中尺寸比较小的那个。

持续跟新....