Question

我已经搜索过高低，阅读教程但仍然没有答案： - \

在div（一个左侧，一个中间和一个右侧）内均匀分布3个图像的最佳做法是什么，并且即使浏览器尺寸减小，也能保持图像之间的距离？我尝试过使用宽度和边距 - ％＆＃39; s没有运气。是否更适合使用内联块解决方案，如果是，如何使用？

有问题的网页：http://www.1000hours.co.nz/mtc/

HTML：尽管阅读了指南，我还是无法在这里发布HTML，我不知道为什么？它位于修订后的JSfiddle标记中：http://jsfiddle.net/87pgzLf1/

css：

#divcontainer {
  float:left;
  width:100%;
  height:auto;
  padding:25px;
  margin: 5px;

#iconcontainer {
  float:left;
  width: 100%;
  height: auto;
  padding: 5px;
  margin: 5px;
}

#buttoncontainer {
  float:left;
  width: 100%;
  height: auto;
   padding: 5px;
   margin: 1px;
}

#icon1 {
    float:left;
  margin-left:20%;
}

 #icon2 {
  float:left;
}

#icon3 {
  margin-right:60px;
  float:right;
  padding-left:20%;
}

你规则堆栈交换器，提前谢谢堆。如果您愿意作为贡献，请随意抓取页面上的背景图像＆lt; 3 [免责声明：这不是一个骗局，但由您来决定。编辑们不讨厌那些给予请的人，只因为世界上的其他人并不值得信赖 - 我是。]

Answer 1

以下是对jsfiddle的更新：

JSFIddle

响应浮动多个图像

1 个答案: