html - 居中绝对div;适用于 firefox 但不适用于 chrome

标签 html css

这是我的 CSS:

http://pastebin.com/LwMNdxnL

我的 <body>包含:

<div class="image-wrap"><img class="image invisible" id="0" src="..."></div>

我想做的是将 position: absolute 中包含的图像居中div,同时如果超过浏览器宽度则将其缩小。

这在 Firefox 中完美运行,但 Chromium 似乎不允许 div 超出屏幕,因此它始终具有最大。窗口宽度的一半。

最佳答案

更改此代码

body{
    background: #000000;
    margin: 0px auto;
    font-family: Consolas, monospace

祝你好运

关于html - 居中绝对div;适用于 firefox 但不适用于 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21149408/

相关文章:

jquery - Facebook Like 按钮在 div 中显示时移动整个页面居中

javascript - 从 Base64 字符串转换为 PNG 文件

jquery - 在选择器之前使用 css

html - 移动样式中的按钮堆叠太近

javascript - 为什么innerHTML函数没有填充我的div?

javascript - 单击链接播放音频剪辑

javascript - ng-html-to-pdf-save 不适用于波斯语或阿拉伯语字符

html - 具有大量水平图像的稳定宽度 div,为 jquery slider 做准备

html - 在不使用 JS 的情况下延迟加载图像

android - 如何为小屏幕的android设备实现媒体查询?