這個問題在這里已經有了答案： 在 CSS Flexbox 中，為什么沒有“justify-items”和“justify-self”屬性？ (6 個回答) 16 小時前關閉。
我的導航欄有 5 個專案，我只想將其中兩個放在右側 - 這樣它們看起來就好像它們“對齊”到了右側。我用規則塊中的規則進行了嘗試margin-left: auto;，.right但這并不完全奏效。我應該如何解決這個問題？
* {
box-sizing: border-box;
margin: 0;
padding:0
}
#flex-nav {
display: flex;
flex-direction: row;
align-items: center;
}
.right {
margin-left: auto;
} <div id='flex-nav'>
<a href='#'>Home</a>
<a href='#'>News</a>
<a href='#'>About</a>
<a class='right' href='#'>Sign-in</a>
<a class='right' href='#'>Sign-up</a>
</div>uj5u.com熱心網友回復：
您只需要將right類應用到第一個要推送的類。
* {
box-sizing: border-box;
margin: 0;
padding:0
}
#flex-nav {
display: flex;
flex-direction: row;
align-items: center;
}
.right {
margin-left: auto;
} <div id='flex-nav'>
<a href='#'>Home</a>
<a href='#'>News</a>
<a href='#'>About</a>
<a class='right' href='#'>Sign-in</a>
<a href='#'>Sign-up</a>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/411143.html
標籤：