一个position为fixed的div,宽高自适应,怎样让它水平垂直都在窗口居中? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-06-03 15:28:06 2136 1

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

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:26:43

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

    .div{
        position: fixed;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    0 0
相关问答

1

回答

hadoop中的yarn-env.sh的作用是什么?

2021-12-05 11:23:55 116浏览量 回答数 1

1

回答

Linux中的mkisofs /dev/cdrom | gzip > cd_iso.gz有什么用呢?

2021-11-30 20:50:56 67浏览量 回答数 1

1

回答

Java 中哈希表(Hashtable)的作用是什么?

2021-11-16 18:10:47 139浏览量 回答数 1

1

回答

请问java中BufferedXStreams性能与FileInputStream哪个性能最好,该如

2021-11-07 14:42:30 311浏览量 回答数 1

1

回答

请教一下linux性能调优中内核参数kernel.sched_autogroup_enable意思?

2021-10-30 17:22:53 149浏览量 回答数 1

1

回答

vue 项目中 web aliWebrtc 订阅纯音频流为啥没有声音? 求大神指点

2021-05-26 18:00:08 362浏览量 回答数 1

0

回答

java官网源码 门户网站 自适应响应式 freemarker 静态引擎 SSM 框架

2019-10-11 15:04:38 830浏览量 回答数 0

1

回答

RDS设置了ip内网白名单,但是没有生效;生效了外网ip白名单

2018-10-29 16:32:05 828浏览量 回答数 1

2

回答

如何让我对象存储oss跟esc走内网下载不收费用?我看不懂文档,可否帮操作

2018-10-25 09:43:16 4336浏览量 回答数 2

1

回答

ps aux|grep mysqld之后出来的信息看不懂,求帮助

2016-02-18 18:34:59 5101浏览量 回答数 1
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载