Question

我无法将横幅img置于中心位置。我希望它在窗口大小改变时调整大小。（在平板电脑/智能手机上保持适当的比例）

图像最大尺寸为918像素，但自动边距似乎不起作用。有没有人有任何想法可能是什么问题？

提前致谢

原始页面：http://www.syntra-limburg.be/nieuws/nieuwe-gecertificeerde-opleidingen-2014-2015

<style type="text/css">
#banner img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
</style>
<div class="container-12">
    <div class="grid-12" id="banner"><img alt="" src="/sites/files/content/slides/20140616-gecertificeerde-opleidingen-2014.png" /></div>
</div>

Answer 1

将display: block添加到img

#banner img 
{
  display: block;
}

Answer 2

横幅图像变得可伸缩，在较小的屏幕尺寸下看起来不太好。从内联样式中删除它。

试试这个

#banner img{
    width: 800px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

Answer 3

试试这个

#banner { text-align: center; }

Answer 4

您必须将宽度设置为100％才能正常工作。

Answer 5

你需要：

img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

保证金自动不起作用

5 个答案: