這就是它現在的樣子。使用flexbox將一行div下的div對齊
我想välj股利低於其他的居中。
我正在使用flexbox。
我現在所做的是包裝所有的div在一個容器中，然後添加：
display: flex;
align-items: center;
justify-content: center;
到容器
的div的行也有它周圍的容器。隨着價值：
display: flex;
flex-flow: row;
justify-content: center;
align-content: center;
align-items: center;
最後一個 「按鈕」 分區（välj），具有價值align-self: center;。
我是否錯過了一些東西，或者現在應該把它放在中心位置？
雖然@傑拉德的回答確實工作。它不適合我，在我的網站上。由於我從幾年前編寫的代碼中獲得了一堆繼承的css。然而，這確實奏效。
.sub-slider {
width: 100%;
display: flex;
flex-flow: column;
}
.slider {
display: flex;
flex-flow: row;
justify-content: center;
align-content: center;
align-items: center;
}
.sub-slider-btn-wrp {
align-self: center;
}
.item {
width: 20%;
height: 50px;
background: blue;
border: thin solid red;
}<div class="sub-slider">
<div class="slider">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="sub-slider-btn-wrp">
<button>Button</button>
</div>
</div>下面的內容適用於僅適用於行的Flexbox。
.item {
width: 20%;
height: 50px;
background: blue;
border: thin solid red;
}
.row {
display: flex;
justify-content: center;
align-items: center;
}
.row:not(:last-child) {
margin-bottom: 1em;
}
.container {
width: 100%;
}<div class="container">
<div class="row">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="row">
<button>Button</button>
</div>
</div>在Flexbox的該align-*性質（align-items/content/self）定義了瀏覽器之間並且沿着它們的容器的橫軸圍繞柔性物品如何分配空間。
align-self: center將垂直居中的按鈕，但如果它的父沒有比柔項目更高的高度
所以，一個不會直觀地看到它。
根據你說有一個行格左右的價格項目和一個按鈕周圍，你有兩個主要選擇，中間的按鈕：
更改容器到列方向和align-self: center將水平居中按鈕。
更換align-self: center與margin: auto
你能請張貼的全部代碼或任何小提琴鏈接？ –
添加您的html和正確的CSS。 – user5014677
'align-self：center'不能以您期望的方式工作。添加你的html，我會發佈一個答案，顯示如何。 – LGSon