Question

我正在研究Web应用程序，该应用程序根据属性计算提供的IP地址的子网。我有一个问题，每个输入都有其下拉自动填充功能，其宽度与输入本身的宽度相同，但第一个输入除外。

我试图将div的类别更改为col-sm-4,6,8，在这些类别上，下拉列表的宽度与输入相同，但是从col-sm-10,12等开始变小。我也尝试过“ w-100”课程，但它根本没有帮助。

输入的自动填充下拉宽度错误

<div class="col-sm-12">
        <div class="mat-div">
          <label for="ip_addr" class="mat-label" style="font-size: 1.7em;">Enter the IP address</label>
          <input name="ip" [(ngModel)]="model.ip" type="text" required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$"
                 class="needs-validation mat-input" id="ip_addr">
        </div>
      </div>

输入具有适当宽度的下拉菜单自动填充

<div class="col-sm-6">
          <div class="mat-div">
            <label for="number_of_computers" class="mat-label" style="font-size: 1.1em;">Number of computers</label>
            <input type="number" name="number_of_computers" required [(ngModel)]="model.number_of_computers"
                   class="needs-validation mat-input" id="number_of_computers">
          </div>
        </div>

我还附上了两种情况的屏幕截图： Proper width Improper width

如何设置输入自动填充下拉菜单的适当宽度？

0 个答案: