首页 > 其他 > 详细

atitit.gui界面纵向居中总结

时间:2014-05-13 08:28:10      阅读:370      评论:0      收藏:0      [点我收藏+]
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 | 前端观察

atitit.gui界面纵向居中总结,布布扣,bubuko.com

atitit.gui界面纵向居中总结

原文:http://blog.csdn.net/attilax/article/details/25570579

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!