vertical-align作用对象为内联元素display设置table-cell后，magin和padding就会失效 #bj { height:100px; color: white; font-size: 30px; margin: 10px 0; display: table-cell; ...
分类：
其他好文 时间：
2020-03-30 00:07:21
阅读次数：
195
图片 + 未知宽高 + 垂直居中 第一种： table-cell / inline-block + vertical-align条件： 容器宽高受图片默认宽高影响html结构： <div> <img src="./image.jpg" alt=""> </div> css代码： div { disp ...
分类：
其他好文 时间：
2020-03-22 13:49:56
阅读次数：
68
BFC(块级格式化上下文)是web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互区域。触发条件根元素, 即HTML元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block, table-cell, ... ...
分类：
其他好文 时间：
2020-03-07 12:55:37
阅读次数：
68
<div class="parent"> <div class="child"></div> </div> 方案一：table + margin实现水平居中，table-cell + vertical-align实现垂直居中 .parent{ width:1000px; height:500px; ...
分类：
其他好文 时间：
2020-03-04 11:16:14
阅读次数：
63
BFC也是HTML中的一个盒子（看不见而已），只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类：
其他好文 时间：
2020-03-03 12:53:14
阅读次数：
63
文本垂直居中的方式：line-height设置成height值 将父元素显示方式设置为表格，display：table-cell，同时设置vertical-align：middle 使用flex布局，设置为align-item：center 绝对位置中bottom：0，top：0，并设置margin ...
分类：
其他好文 时间：
2020-03-02 00:51:03
阅读次数：
66
1、使用table-cell父级设置: display: table-cell; text-align: center; vertical-align: middle;子级设置: display: inline-block; vertical-align: middle;2、使用transform父 ...
分类：
其他好文 时间：
2020-02-14 16:03:48
阅读次数：
61
方法1：table-cell .box1{ display: table-cell; vertical-align: middle; text-align: center; } <div class="box box1"> <span>垂直居中</span> </div> 方法2：display:f ...
分类：
Web程序 时间：
2020-02-12 13:10:07
阅读次数：
90
// 调用方法的部分为：<el-table:cell-style="timeStyle">// 要修改样式的部分为： <el-table-column label="创建时间" :formatter="startTime" width="150">// 方法： methods：// 改变表格中时间的 ...
分类：
其他好文 时间：
2020-02-03 09:49:55
阅读次数：
1612
如果我们写了EDITMODE = NONE, 那么toolbar不出现是expected的behavior 详见debug： 发现conversation history 里面的table cell可以编辑，这显示不make sense。同事在试图把这些table cell设成readonly的时候 ...
分类：
Web程序 时间：
2020-02-02 17:53:00
阅读次数：
83
