开发者社区> 问答> 正文

一个position为fixed的div,宽高自适应,怎样让它水平垂直都在窗口居中?

找了一下发现有这样的
position:fixed;margin:auto;left:0; right:0; top:0; bottom:0;width:200px; height:150px;
但是我是在div里放了一个img显示图片原图,因为不同图片大小不一,所以这样固定div
宽高并不适合。请问有其他方法?

展开
收起
杨冬芳 2016-06-03 15:28:06 2534 0
1 条回答
写回答
取消 提交回答
  • IT从业

    如果可以只考虑支持transform的现代浏览器:

    .div{
        position: fixed;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    2019-07-17 19:26:43
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载