从下面的案例来看，图片是与文字的基线对齐的。这就是底部缝隙出现的原因 方案 1:vertical-align vertical-align 属性设置元素的垂直对齐方式 属性值 baseline：默认值，元素放置在父元素的基线上; top：把元素的顶端与行中最高元素的顶端对齐; middle：把此元素放置在父元素的中部; bottom：把元素的顶端与行中...
原创...小于 1 分钟
单行文本溢出省略号效果 指定 N 行文字溢出省略号效果（以 4 行为例） 因使用了 WebKit 的 CSS 扩展属性，适用于 WebKit 浏览器及移动端 ::: tip 提示 -webkit-line-clamp 用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的 WebKit 属性。 常见结合属性： display: -web...
...小于 1 分钟
最近，看了之前写的移动端商城项目，看到了当时写的rem适配的代码，觉得有问题，查了些资料，输出一些我的思考。 这是当时的代码： rem是指相对于根元素的字体大小的单位。比如上面的代码我们设置html的字体大小为 100px;那1rem=100px；12px=0.12rem；那实际上我们的html字体大小并不会随着设备的视口宽度自动变化，因为它永远是 1...
原创...大约 1 分钟