<分区>
我在对齐横幅时遇到问题。
它不能是背景图像,它可以是对象或嵌入,它必须是页面的 100%,但当页面宽度减小时,它必须保持横幅的中心部分可见。
<分区>
我在对齐横幅时遇到问题。
它不能是背景图像,它可以是对象或嵌入,它必须是页面的 100%,但当页面宽度减小时,它必须保持横幅的中心部分可见。
最佳答案
Working Fiddle for both examples
我看不出有什么理由不使用背景图片。 (如果你对这个限制感到遗憾,那么这里是上面的工作 fiddle )
如果你必须使用图像,你可以通过一个简单的 JQuery 函数来实现,看看上面的工作 fiddle 。
var img = $("#bannerWithScript > img"); //or any selector you want for targeting your image
img.css({
"top": "calc(50% - " + (img.height() / 2) + "px)",
"left": "calc(50% - " + (img.width() / 2) + "px)"
});
关于html - 将横幅居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18846947/