<div style='display:table; height:100px;'> <div style='display:table-cell; vertical-align: middle;'></div> </div> ...
分类：
其他好文 时间：
2016-05-10 20:18:51
阅读次数：
134
父级必设属性：display:table;//让子级垂直居中text-align:center//让子级水平居中子级必设属性：display:table-cell;vertical-align:middle;要点：父级要给宽高，子级在父级所设的宽高之内居中显示，如果图片要全屏居中显示，父级同过JS设置成窗口大小，若不希望图片超出窗口..
分类：
其他好文 时间：
2016-04-23 07:36:21
阅读次数：
153
元素两端对齐 第一个案例是让两个元素分别向左和向右对齐，如果是过去，我一定会用float来实现，但其实用table可以这么做： 自动平均划分每个小模块，使其一行显示 第二个案例我们先看看图： 遇到上面这种布局，一般会用float来做，或者把每个li设置成display:inline-block;来做 ...
分类：
其他好文 时间：
2016-04-20 21:57:15
阅读次数：
192
方法一：直接上table 我们都知道，td里很容易做到左右垂直居中，并且没有任何的兼容性问题。 方法二：display:table-cell + vertical-align:middle 和table的原理比较像，把div模拟成一个td，不过好多低端浏览器不识别display:table-cell ...
分类：
其他好文 时间：
2016-04-20 13:24:12
阅读次数：
147
BFC - block formatting context 1.float的值不能为none 2.overflow的值不能为visible 3.display的值为table-cell，table-caption，inline-block中的任何一个 4.position的值不为relative和 ...
分类：
其他好文 时间：
2016-04-10 06:49:37
阅读次数：
121
当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束，同时也给了HTML表格布局致命一击。最终，使用CSS布局来制作出类似于table布局 ...
分类：
Web程序 时间：
2016-04-04 18:11:55
阅读次数：
274
需求要求： 1.子容器相对父容器垂直居中 2，子容器与父容器的自身高度都是自适应的 解决方案一（table-cell+vertical-align） <style type="text/css"> body{margin:20px;} .parent{width:4em;height:500px;}
分类：
其他好文 时间：
2016-02-18 22:50:14
阅读次数：
221
1css如何工作 2普通流垂直外边距合并问题（取大的外边距） 3行高问题 normal与数字，会使字体大小跟随变化 4BFC触发条件:float除none外，overflow除visible外，display包含table-cell,table-caption,inline-block; posit
分类：
其他好文 时间：
2016-02-15 10:30:16
阅读次数：
132
table 布局最大的特点 1、同行等高 2、宽度自动调节 那么table-cell是不是具备这个特点呢？答案是yes，为什么呢？css中有一个有意思的规则“创建匿名表格元素”。 拿table-cell来扯，就是，当某个元素被设置为display:table-cell的时候，如果她的父节点不是dis
分类：
其他好文 时间：
2016-01-27 17:10:42
阅读次数：
113
1、把容器当作表格单元CSS 提供一系列diplay属性值，包括 display: table, display: table-row, display: table-cell 等，能把元素当作表格单元来显示。这是再加上 vertical-align: middle, 就和表格中的 valign="...
分类：
Web程序 时间：
2016-01-22 21:38:41
阅读次数：
292
