保持選擇框的大小固定在添加選項

Question

我有這樣一個城市，選擇選擇選項：

當我選擇多個城市這樣選擇的尺寸變大：

我想保持盒子的大小修正。任何解決方案

Answer 1

如果我明白了，那就是你想要的。隨着任何變化，力的最大寬度和高度。

.select { 
 
    /** Want to have permanant width 150px **/ 
 
    width:150px; 
 
    max-width:150px; 
 
    background:lightblue; 
 
    padding:3px; 
 
    height:150px; 
 
    overflow-y:auto; 
 
    /** the magic think **/ 
 
    word-break:break-word; 
 
} 
 

 
.option { 
 
    background:tomato; 
 
    width:100%; /** or display block in your case (for the tags selected) **/ 
 
} 
 

 
.option:nth-child(odd) { 
 
    background:lightgreen; 
 
}

<div class="select"> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testtttttttttttttttesttttttttttttttttesttttttttttttttt</div> 
 
    <div class="option">testttttttttttttttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
    <div class="option">testttt</div> 
 
</div>