如何在左側和右側放置幾個具有相同邊距的div元素？

Question

我想有3 div父div內像這樣picture：

當頁面大小的變化，只是減少它們之間的空間沒有移動到其他行並沒有使用響應式設計。

Answer 1

您可以使用px像素的％百分比。

CSS：

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

Answer 2

使用flexible boxes這很簡單：

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

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