03月07, 2018

css-trick

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; //  有锯齿

本文链接:http://fengbaiyang.cn/post/css-trick-01.html

-- EOF --

Comments

暂不支持评论,如有问题,请发邮件至baiyang.feng@outlook.com。 望不吝赐教~