TA貢獻1854條經驗 獲得超8個贊
你可以使用彈性
如果它們是兄弟，則 Flex 項目可以共享相同的寬度。
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
.parent {
display: flex;
}
.container {
display: flex;
flex-direction: column;
}
<div class='parent'>
<div class="container">
<button>label label label label</button>
<button>button</button>
<button>button</button>
<button>button</button>
<button>button button</button>
</div>
</div>
TA貢獻1815條經驗 獲得超13個贊
您可以使用 display:table 選項：
https://jsfiddle.net/falkedesign/bjxL1atd/
.table {
display: table;
}
.torw {
display: table-row;
}
.tcell {
display: table-cell;
}
div {
border: 1px solid #000;
}
button {
width: 100%;
}
<div class="table">
<div class="trow"><button>BTN</button></div>
<div class="trow"><span class="tcell">txt</span></div>
<div class="trow"><span class="tcell">txt sdf sdf</span></div>
<div class="trow"><span class="tcell">txt sdfsdfsdfsdfsd</span></div>
</div>
舉報