码迷,mamicode.com
首页 > 其他好文 > 详细

atitit.gui界面纵向居中总结

时间:2014-05-13 08:28:41      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:blog   c   http   com   a   htm   

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界面纵向居中总结

标签:blog   c   http   com   a   htm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!