
css
zhangxuekang
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使元素的高度根据宽度变化的一种实现方式
如果padding属性的值是百分比值,这个值是根据父元素的宽度(X周属性)计算的,即使是Y轴上的padding(padding-top,padding-bottom)也是如此,根据这个特性,可以实现Y轴尺寸和X轴尺寸相关联的效果. 比如这样写c...原创 2019-12-11 17:40:08 · 467 阅读 · 0 评论 -
使用line-height垂直居中在安卓手机上效果不好
前端实现单行垂直居中用的最多的方法可能就是line-height了吧。该属性在pc端和ios手机上效果都很好,可到了安卓手机,有很大几率发生文字上移的现象。 知乎有人分析了导致这一现象的原因,Android浏览器下line-height垂直居中为什么会偏离?大家可以试试文章中的解决方案,反正我试了并没有...原创 2019-05-19 15:34:30 · 2304 阅读 · 1 评论 -
在vue中,当style标签有scoped属性时v-html属性内容无样式
当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。vue使用PostCSS方式对style进行转义,它会给节点添加唯一的戳,保证样式的作用域。贴上官方给的例子:<style scoped>.example { color: red;}</style><templ...原创 2019-05-19 16:46:57 · 991 阅读 · 0 评论 -
less中使用calc函数计算错误
在less中使用clac函数为什么计算错误?calc是css函数,在原生css中效果很好,calc部分解决了css中不能使用算数表达式的短板。css引擎会计算表达式的值,并对不同的单位进行转化,最终计 算出实际的值。less自身就有计算功能,即使不用calc函数,less也会进行计算:div{ left: 5px + 4px; // 9px}如果计算的单位不一致,less的处理就不像...原创 2019-05-28 11:44:37 · 1413 阅读 · 1 评论