打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
css设置相对页面绝对居中

说明:水平居中很容易设置,只要设置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">那么就会不起作用,所以应用时候要去掉这句话
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
鼠标移出层
表格边框合并
分享一个不错的选项卡tabpane支持firefox
开发工具:visual studio code+插件:live server(实时刷新显示页面效果)
免费WEB打印控件—PAZU
HMTL 随笔(1)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服