Question

我无法将图像放在页面的底部和中央。我设法让图像位于页面底部，但我无法将图像放在中心。此外，当我调整浏览器大小时，图像全部叠加在一起。当浏览器缩小尺寸时，我如何调整图像大小。这是我的代码：

signup.ascx

https://jsfiddle.net/zntzep48/

Answer 1

您可以在fixed的位置使用absolute并调整其他一些css属性，如下所示：

#imagesMain{
position: fixed;
bottom: 0;
padding: 0;
margin: 20px auto;
text-align: center;
width: 100%;
}


img{
    max-width: 100%;
    height: auto;
    margin-right: 25px;
    position:relative;
}

修改：添加Fiddle

Edit2：您可以参考fiddle1进行媒体查询

Answer 2

根据您的代码，正确对齐图像样式#imagesMain a，如下所示，根据浏览器宽度调整图片大小

#imagesMain a{
  width:30%;
  float:left;
  position:relative;
  margin:1.5%;
}

#imagesMain {
    position: absolute;
    max-width: 600px;//change this value to fit as you want
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    padding: 0;
    margin: 20px auto;
    text-align: center;
}

fiddle（更新）

无法定位多个图像和缩小图像

2 个答案: