無論容器如何，我都希望我的按鈕向右對齊（所以沒有 flex 父級）。所以我想用 amargin-left: auto把按鈕推到右邊。我知道其他解決方案（float，flex，...），但想知道為什么會附加這種行為。
這是我的問題：
這適用于 < button > 但不適用于 < a > 標簽。
< a > 似乎縮放到 100% 寬度。
這是一個說明問題的示例：
a, button {
display: flex;
margin-left: auto;
}<a href="">test</a>
<br>
<button>test</button>我搜索了隱藏的用戶代理屬性，但找不到任何東西。
這是來自 < a > 的本機行為，還是可能是 margin-left: auto 怪異行為？如果有人有想法？
與引導實用程式相同：
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="ms-auto w-25">This is working</div>
<a class="ms-auto w-25">This is not working</a>為什么這不適用于 <a> 標簽？
uj5u.com熱心網友回復：
按鈕有點特殊，與鏈接的行為不同。而不是flex，您可以使用table來獲得相同的行為
a, button {
display: table;
margin-left: auto;
}<a href="">test</a>
<br>
<button>test</button>uj5u.com熱心網友回復：
因為 button 是塊級元素，而 a 是錨定行內元素，所以 margin-left: auto; 不在錨標簽上作業。
你可以試試：
a, button {
display: flex;
margin-left: auto;
justify-content:flex-end;
}<a href="">test</a>
<br>
<button>test</button>uj5u.com熱心網友回復：
您也可以使用此代碼來設定它的位置
button a {
display:flex;
position: absolute;
right:0;
flex-wrap:wrap;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/441413.html
上一篇：如何使用樣式組件創建箭頭
下一篇：網格布局中最右側的奇怪間隙