Flex容器間的固定寬度之間的空間只是不適合我

Question

試圖使用div的網格系統，我可以使用文本對齊中心，但它只是不工作。如果我使用flex css，那麼div就會忽略我創建的屏障，假設它將分割div。不使用flex的問題是我無法使用邊距使div的邊緣與徽標和導航欄的末端對齊。

• http://tsuts.tskoli.is/2t/2809984199/skapalon/ - 如果檢查CSS，你可以看到兩個div容器，其中一人被註釋掉了，另一個正在使用此

託管。被評論的人正在使用flex和我想修復的那個。

• 所有的幫助是非常有責任的，在此先感謝。

  /*.container{ 
  display: flex; 
  justify-content: space-between; 
  min-height: 100vh; 
  width: calc(100vw - 500px); 
  margin: 0 auto; 
  }*/ 
  .projectskort{ 
  display: inline-block; 
  margin-top: 10px; 
  width: 224px; 
  height: 270px; 
  border-radius: 3px; 
  background-color: white; 
  } 
  

Answer 1

卸下兩個你.container類和與

.container{ 
    min-height: 100vh; /*Remove to see the difference*/ 
    width:72%; /*Modify it for your needs*/ 
    margin: 0 auto; 
    display: flex; 
    flex-wrap: wrap; /*Recommended property*/ 
    justify-content: space-between; 
} 
.projectskort{ 
    display: flex; 
    margin-top: 10px; 
    width: 224px; 
    height: 270px; 
    border-radius: 3px; 
    background-color: white; 
} 

取代他們，這就是我從你的問題