同样 ，水平居中很简单，给子div设置margin:0px auto;

垂直居中也不难：：给父div设置display:table-cell;vertical-align:middle;

重点是display:table-cell;

虽然是表格的属性，但是却无比强大，无比方便，子元素未知长宽高的时候使用无比合适

随机推荐

1. 12款简化 Web 开发的 JavaScript 开发框架

   前端框架简化了开发过程中,像 Bootstrap 和 Foundation 就是前端框架的佼佼者.在这篇文章了,我们编制了一组新鲜的,实用的,可以帮助您建立高质量的 Web 应用程序的 JavaScr ...

2. *POJ 1222 高斯消元

   EXTENDED LIGHTS OUT Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9612   Accepted: 62 ...

3. 数据库错误：check the manual that corresponds to your MySQL server version for the right sy

   检查对应到您的MySQL服务器版本附近使用正确的语法手册 数据库插入的时候出现上述问题,总结了两方面原因: 1.语法错误,这是百度之得到的大部分结果,但是没有解决我的问题 2.仔细观察我的sql语句, ...

4. 决战大数据之二：CentOS 7 最新JDK 8安装

   决战大数据之二:CentOS 7 最新JDK 8安装 [TOC] 修改hostname # hostnamectl set-hostname node1 --static # reboot now 重 ...

5. Asp.Mvc中的text实现 辅助用户输入 灰色字体

   在开发Web应用程序中经常需要用户在文本框输入信息,为了提高程序人性化设置以及用户体验效果常常需要在文本框中显示灰色字体辅助用户输入 如:

6. 2015年百度之星初赛(1) --- D KPI

   KPI Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submiss ...

7. hdu 1700 Points on Cycle（坐标旋转）

   http://acm.hdu.edu.cn/showproblem.php?pid=1700 Points on Cycle Time Limit: 1000/1000 MS (Java/Others ...

8. Kadj Squares - POJ 3347

   题目大意:给一些序列的正方形的边长,然后让这个正方形倾斜45度,放在第一象限,一个角要紧挨着x轴,按照输入的顺序放下去,然后问最后从上往下看可以看到那些正方形?   分析:不能算是计算几何题..... ...

9. Huffman 压缩和解压缩java实现

   附上完整的代码 http://download.csdn.net/download/u010485034/7847447 Huffman编码原理这里就不说了,是.这里来讲讲利用Huffman编码来进行 ...

10. 简单的后台数据和前台数据交互.net

    最近忙着做POS项目,心血来来潮写了点小项目. 更具要求是随机显示数据并且产生的数据是可以控制的.前台交互显示能够倒叙,切每次只显示一条,页面不能超过20条超过的部分做删除. 我先展示一下前台的代码, ...