布局垂直对齐的方式
详情描述
- 左右容器分别设置display:table-cell;vertical-align:middle;
- 左右容器分别设置display:inline-block;vertical-align:middle;
注意: display:table-cell属性指让标签元素以表格单元格的形式呈现,可以实现元素的垂直居中对齐(vertical-align:middle;),关联伸缩等,与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, position:absolute