如何在左右两侧定位几个具有相同边距的div元素？

Question

我想在父div内有3 div个picture：

当页面大小发生变化时，只减少它们之间的空间而不移动到另一条线而不使用响应式设计。

Answer 1

您可以使用%%而不是px - 像素。

CSS：

margin-left:10%;
margin-right:10%;

Answer 2

使用flexible boxes：

很容易

＆＃13;

＆＃13;

#wrapper {
  display: flex;
  justify-content: space-between;
  background: #999;
}
#wrapper > div {
  background: #f00;
  width: 100px;
  margin: 10px;
}

＆＃13;

<div id="wrapper">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

＆＃13;

＆＃13;

＆＃13;