隨着令牌輸入列表增加，自舉輪播自動增加高度

Question

我有一個實際上是表單的輪播。 一個旋轉木馬項目是一個多選擇框 隨着多選框的高度增加，我如何自動增加一個旋轉木馬項目的高度。

圖片1是我如何得到的。 圖片2我想要它。

非常感謝您的寶貴意見。我無法刷新旋轉木馬。這將取消設置我的表單輸入

<div class="row no-gutters" id="mob-carousel-row" [style.height.px]="mobileCarouselRowHeight"> 
     <div class="col-1 col-sm-1"> 
      <a href="#carouselExampleIndicators" role="button" data-slide="prev"> 
      <i class="fa fa-angle-left mobile-form-nav" ></i> 
      </a> 
     </div> 
     <div class="col-10"> 
      <div 
       #plMobileCarouselForm 
       id="carouselExampleIndicators" 
       class="carousel slide" 
       data-ride="carousel" 
       data-interval="false"> 

       <div class="carousel-inner" role="listbox" id="mob-carousel"> 

        <div class="carousel-item active"> 
         <div class="form-group md-form mob inputbox"> 
          <!-- first input box item --> 
         </div> 
        </div> 
        <div class="carousel-item active"> 
         <div class="form-group md-form mob muti-select"> 
          <!-- muti select box item need auto height --> 
         </div> 
        </div> 
        <div class="carousel-item active"> 
         <div class="form-group md-form mob inputbox"> 
          <!-- first input box item --> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="col-1 col-sm-1"> 
      <a href="#carouselExampleIndicators" role="button" data-slide="next"> 
      <i class="fa fa-angle-right mobile-form-nav" ></i> 
      </a> 
     </div> 
</div> 

Answer 1

此的目的是作爲一個評論，但我不能評論。

既然你沒有提供你的CSS，那只是猜測工作。

但是，如果將包含輸入窗體或選擇框的容器的高度設置爲自動，則會在更多選項可用時調整自身。

.carousel-item active { 
 
    height: auto; 
 
}