布局垂直对齐的方式

布局垂直对齐的方式

详情描述

1. 左右容器分别设置display:table-cell；vertical-align:middle;
2. 左右容器分别设置display:inline-block；vertical-align:middle;

注意： display:table-cell属性指让标签元素以表格单元格的形式呈现，可以实现元素的垂直居中对齐(vertical-align:middle;)，关联伸缩等，与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如float, position:absolute