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，因此只是猜测工作。

但是，如果您为包含输入表单或选择框的容器将高度设置为自动，则当更多选项可用时，它将自行调整。

＆＃13;

.carousel-item active {
  height: auto;
}

＆＃13;

令牌输入列表增加时，自举轮播上的自动高度增加

1 个答案: