atitit.gui界面纵向居中总结

atitit.gui界面纵向居中总结

1.table法...这个简单..
表格设置100%高度,<td align="center" valign="middle">





三、把容器当作表格单元
CSS 提供一系列diplay属性值,包括 display: table, display: table-row, display: table-cell 等,能把元素当作表格单元来显示。这是再加上 vertical-align: middle, 就和表格中的 valign="center" 一样了。
.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}


作者 老哇的爪子 Attilax 艾龙,  EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax


参考
CSS实现完美垂直居中 - 蓝色理想.htm
CSS实现垂直居中的5种方法 | CSS | 前端观察
原文地址:https://www.cnblogs.com/attilax/p/15199219.html