私は、次のボタンと前のボタンで簡単にナビをしようとしています。前はコンテナの左端にあり、次に右端にあります。私はあなたが考えていることを知っています:これはjustify-content: space-between
を使用するのに最適な時間です。ただし、ユーザーが最初のページまたは最後のページにいる場合、バックエンドはそれぞれ前のボタンと次のボタンを出力しません。これにより、次のボタンが最初のページの左に揃えられます。これは私が望むものではありません。align-selfでお互いにフレックスを置く
子供にalign-self
を使用できると思いました。私が今直面する問題は、最初の子供が2番目の子供を押して、これを解決する方法を知らないということです。
は、ここで私は完全にフレックスで魔法の余白を忘れスニペット
.container {
display: flex;
}
.container * {
width: 10%;
height: 80px;
}
#d1 {
background: green;
align-self: flex-start;
}
#d2 {
background: red;
align-self: flex-end;
}
<div class="container">
<div id="d1">
div 1
</div>
<div id="d2">
div 2
</div>
</div>
'ALIGN-self'は* *クロス軸上で動作します。 'flex-direction:row'では、それは垂直次元になります。あなたは*主軸*に取り組んでいます。存在しない「正当化」のようなものが必要です。しかし、フレックス「自動」マージンは仕事をすることができます。 http://stackoverflow.com/q/32551291/3597276 –