display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用;单元格有一些比较特别的属性，例如元素的垂... ...
分类：
其他好文 时间：
2018-03-23 14:13:52
阅读次数：
162
<div id="parent"> <div id="son"></div> </div> #parent{ display: table-cell; vertical-align: middle; } 设置tabl-cell的元素，宽度和高度的值设置百分比无效，需要给它的父元素设置display: ...
分类：
其他好文 时间：
2018-03-16 15:09:29
阅读次数：
169
1. 方法一 table-cell 2.css盒模型 ...
分类：
Web程序 时间：
2018-03-06 17:07:13
阅读次数：
147
1.先说display,float,position的关系display如果为none，float和position都失效；display不为空的时候，如果position为absolute或者为fixed的时候，并且float的值不为空，则float失效；如果position为relative的时 ...
分类：
其他好文 时间：
2018-03-02 14:50:14
阅读次数：
582
一、如何让一个不定宽高的div,垂直居中？ 1、使用flex布局，只需要在盒子的父级设置如下代码即可： 2、使用css3transform布局: 父级盒子设置： div设置： 3、使用 display:table-cell 方法 父级盒子设置： div设置： ...
分类：
Web程序 时间：
2018-02-28 18:33:17
阅读次数：
221
方法一： div（父）：display:table; div（子）：display:table_cell;margin:0 auto;vertical-align:middle; 方法二： div（父）：display:flex;justify-context:centet;align-items: ...
分类：
其他好文 时间：
2018-02-06 14:16:03
阅读次数：
131
1.在做数据展示的时候，因为后台没有数据，为了提示用户没有数据，自己手写了一个div中间显示一个“暂无数据的字样”， 然后控制显示和隐藏，这样方法有两种： 第一种：设置display隐藏，但有一个问题，因为我的div中用了display:table-cell,所以起了冲突， 第二种：更改z-inde ...
分类：
其他好文 时间：
2018-01-26 18:56:29
阅读次数：
218
方法一：定位方法 方法二：设置父元素的css为：display:table;z子元素的为：dispaly:table-cell;vertical-align:middle;text-align:center 方法三：利用transform ...
分类：
其他好文 时间：
2018-01-25 14:18:33
阅读次数：
144
经常学到一些布局方法，但总是学了就忘，忘了又学。现在把它总结起来，即使后面又忘了，也可以打开来看看。 单列水平垂直居中 1. table cell+vertical align;inline block 2. 绝对定位 一列定宽，一列自适应 圣杯布局&双飞翼布局 多列布局 ...
分类：
其他好文 时间：
2018-01-22 10:58:50
阅读次数：
116
body结构 方法一： 将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。 结果如下图所示： 方法二： 通过position定位来实现。将div设置成相对定位relative，将img设置成绝对定位 ...
分类：
其他好文 时间：
2018-01-04 14:15:24
阅读次数：
173
