0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
学习了Web中的单位。 像素是网页中最常用到的单位，一个像素是屏幕中的一个小点。 不同显示器一个像素的大小也不同，像素越小，显示效果越好。 也可以用百分比的方式： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>像素</titl ...
分类：
编程语言 时间：
2020-07-05 09:12:12
阅读次数：
75
根据项目需求，在百分比列加了sortable的排序 ，然后就发现在一直不准确 后来发现是排序把这个值当字符串处理了，在prop上面获取数值进行排序，显示的地方加上%就好了 <el-table-column :label="$t('common_pass_rate')" prop="pass_rate ...
分类：
编程语言 时间：
2020-07-03 15:31:44
阅读次数：
173
calc()使用通用的数学运算规则，但是也提供更智能的功能： >使用“+”、“-”、“*” 和 “/”四则运算； >可以使用百分比、px、em、rem等单位； >可以混合使用各种单位进行计算； >表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空 ...
分类：
Web程序 时间：
2020-07-03 10:25:35
阅读次数：
179
CSS 中文开发手册 百分比 | (Values & Units) - CSS 中文开发手册 CSS数据类型代表百分比值。许多CSS属性可以取值，通常可以定义相对于其父元素的大小。众多CSS属性可以使用百分比类型，例如width，margin，padding，和font-size。 注意：只有计算值... ...
分类：
Web程序 时间：
2020-07-01 23:40:22
阅读次数：
61
浮动的作用 包围文本 横向排列（因为行块盒会空白折叠） 浮动的特点 修改float属性 left 左浮动 上左 right 右浮动 上右 默认为none 1.一个元素浮动以后，必定是块盒。 2.浮动元素的包含块，为父元素的内容盒。 盒子尺寸 1.宽度为auto时，适应内容宽度。常规流时，撑满内容盒。 ...
分类：
Web程序 时间：
2020-06-29 13:49:07
阅读次数：
53
一、说明 在平常工作中，总有人来问我怎么显示百分比，平常工作中虽只是知道有这个功能，但是如果到操作的时候，也是一个一个的试。 这次就写个博客纪录一下。 二、数据源 数据源是我随便编的，如有雷同，纯属巧合。 三、透视表 3.1 表格展示 3.2 文字说明 总计的百分比：以总计的值为分母，对应的数值为分 ...
分类：
其他好文 时间：
2020-06-29 00:01:53
阅读次数：
114
1==>tooltip 类似饰hover效果提示框组件。光标放上去会触发 2==>formatter // 饼图 {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比） 3==>itemStyle 饼图各个部分之间的间隔 4==>legend通常是是解释说明每一个部分的 如果将 ...
分类：
其他好文 时间：
2020-06-27 20:09:04
阅读次数：
89
盒子模型 css中的盒子是由element、padding、border、margin组成 element：元素内容 padding：内边距：是内容距离内边框的距离 border：边框 margin：外边距：是元素和元素之间的距离 盒子的属性 内容的宽度和高度 width宽度属性：宽度值|百分比|a ...
分类：
Web程序 时间：
2020-06-26 01:16:09
阅读次数：
108
Redis 高可用系列：持久化的RDB AOF机制深入剖析
分类：
数据库 时间：
2020-06-22 09:25:59
阅读次数：
78
