CSSはフレックスボックスで1つのアイテムを右に揃えます
https://jsfiddle.net/vhem8scs/ フレックスボックスを使用して、2つのアイテムを左揃えにし、1つのアイテムを右揃えにすることはできますか?リンクはそれをより明確に示しています。最後の例は私が達成したいものです。 フレックスボックスには、1つのコードブロックがあります。floatでは、4つのコードブロックがあります。それがflexboxを好む理由の1つです。 HTML <div class="wrap"> <div>One</div> <div>Two</div> <div>Three</div> </div> <!-- DESIRED RESULT --> <div class="result"> <div>One</div> <div>Two</div> <div>Three</div> </div> CSS .wrap { display: flex; background: #ccc; width: 100%; justify-content: space-between; } .result { background: #ccc; margin-top: 20px; } .result:after { content: ''; display: table; clear: both; } .result div …