![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
一些属性
前端架构才有救
这个作者很懒,什么都没留下…
展开
-
垂直居中几种常见的实现方式总结
垂直居中几种常见的实现方式总结1.使用flex实现 垂直居中。①、使用flex的justify-content和align-items属性.parent { height: 500px; background-color: #ccc; display: flex; align-items: center; justify-content: center; }.son{ width: 100px; height: 100px; backg原创 2020-07-23 16:00:48 · 328 阅读 · 0 评论 -
关于transition使用css类名和钩子函数的区别
关于transition使用css和钩子函数的区别使用transition最简单的方法transition需要与如下情景中的任一种一起使用:v-if(条件渲染)v-show(条件展示)动态组件简单示例: <div> <button @click="show=!show">show</button> <transition name="fade"> <p v-show="show">hello</p>原创 2020-07-16 15:02:03 · 309 阅读 · 0 评论 -
width 与 offsetWidth 的区别
width 与 offsetWidth 的区别1、宽度值大小:offsetWidth > widthelement.offsetWidth = element.style.width + element.style.padding + element.style.border;(不包括margin)2、offsetWidth 属性仅仅可读,而style.width 是可写的;所以通常用 style.width用作进JavaScript中设置元素的宽度,而offsetWidth不可以。3、of转载 2020-07-13 10:10:51 · 458 阅读 · 0 评论