css
障碍的枫子
这个作者很懒,什么都没留下…
展开
-
CSS作用域(样式分割)
CSS作用域(样式分割)的使用 在vue中,让css样式只在当前组件中生效:scoped 属性是 HTML5 中的新属性,是一个布尔属性,如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。 二、scoped的实现原理 vue中的scoped属性的效果主要通过PostCSS转译实现,如下是转译前的vue代码: <style scoped> .test { color: blue; } </style> <temp原创 2021-10-29 11:32:06 · 882 阅读 · 0 评论 -
div水平垂直居中的4种方法
HTML: <div id="box"> <div id="chil-box"> test </div> </div> 方式一: #box { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); ba原创 2021-10-01 10:54:29 · 109 阅读 · 0 评论