使用以下代碼（此處為筆），我嘗試使用似乎不起作用的自動邊距將第二列寬度自動調整為內容。
.col {
border: 1px solid red;
}
.autofit {
margin: auto;
width: auto;
max-width: auto;
}<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row m-5">
<div class="col">1</div>
<div class="col autofit">2*</div>
<div class="col">3</div>
<div class="col">4</div>
</div>還有另一種自動調整列寬的方法嗎？
也試過width: fit-content(100px);也不行...
uj5u.com熱心網友回復：
您可以為此使用 Bootstrap 類.col-auto。簡單有效！
.col, .col-auto {
border: 1px solid red;
}<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row m-5">
<div class="col">1</div>
<div class="col-auto">2*</div>
<div class="col">3</div>
<div class="col">4</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/480499.html