1. img在div标签里面有下边距
1. img {
display: block;
}
2. img {
vertical-align: center/left/right;
}
2. 去掉浏览器自带的outline
input, button, textarea {
outline: none;
}
:focus {
outline: none;
}
3. 多行溢出
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
4. 页面抗锯齿
-webkit-font-smoothing: antialiased; // 抗锯齿
-webkit-font-smoothing: subpixel-antialiased; // 默认、正常
-webkit-font-smoothing: none; // 有锯齿
作者
白杨
发表于
2018-03-07 20:28:58
,并被添加「
css
css-trick
」标签
,最后修改于
2018-03-22 21:24:49
本博客来自【白杨的博客】, 转载请注明出处,谢谢合作~
Comments
暂不支持评论,如有问题,请发邮件至baiyang.feng@outlook.com。 望不吝赐教~