说明:水平居中很容易设置,只要设置div的margin:0 auto;就可以实现水平居中了,可是垂直居中就比较困难,实现思路有两种
第一种是通过判断浏览器的分辨率,div的top:(window.screen.height-你div的高度)/2即可,但是这种进入每个页面都需要走一层判断,效率上肯定不是很好
第二种就是通过table来解决居中问题,简单代码如下
<html>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;overflow: visible;text-align: center;">
<tbody>
<tr>
<td>
<div>
我是一个好人
</div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
说明:这个代码如果上面出现了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">那么就会不起作用,所以应用时候要去掉这句话
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。