css
关注
分享
扫一扫
吕大瓜
努力奋斗 及时行乐
展开
-
vue 为element树形组件el-tree添加虚线，指示线
需求需要实现一个带有指示线的树形组件，项目用的Vue，树形组件使用的是element的el-tree，所以想直接在element的组件上直接改样式实现。先看最终实现的效果图：思路在控制台查看 el-tree 渲染后的HTML结构，找到相应的节点添加伪元素，利用伪元素的border属性加上定位实现虚线效果。渲染后HTML结构如下，可发现树的结构是由一个类名为 el-tree-node 的div包裹着两个分别代表节点本身和子节点集的div 递归遍历生成的，类名为 el-tree-node 的div就是原创 2020-08-11 20:14:45 · 16006 阅读 · 18 评论 -
css中几个常用居中方法
1.拔河效应水平居中：设置居中元素的left，right都为0，然后加一个margin：auto;即可。举个栗子：<!DOCTYPE html><html lang="en"><head><meta charset=&原创 2018-10-10 00:19:54 · 398 阅读 · 0 评论 -
BFC是什么？有什么用？
什么是BFC（Block Formatting Context ）定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。可以理解为BFC是一个块独立的作用域，它有些自己的特性那如何产生...原创 2019-05-25 15:45:36 · 19793 阅读 · 2 评论 -
经典布局题-左边固定右边自适应的几种做法和解释
实现一个左右布局，左边固定宽度200px，右边实现宽度自适应的两列布局下面分享下我的几种做法以及解释首先我们先通用的布局样式：<div> <div class="fixed">固定200px</div> <div class="auto">自动充满</div></div>来个默认样式：.f...原创 2019-05-25 16:41:24 · 6531 阅读 · 0 评论