Question

HTML

<select class = "box" ng-model="selected" ng-options="person.id as person.name for person in people" >
<option value="">----select----</option>
</select>

CSS

.box {
    height: 21px !important;
    width: 96%;
}

嗨，我正在更新$scope.people并致电$scope.$apply(...来更新下拉列表。当我这样做时，下拉选择框会自动增加大小并根据我的内容调整大小。我的内容甚至没有接近溢出。如果我能得到一些帮助，那就太好了！在链接中，$scope.people是静态定义的，因为我无法演示我正在使用的消息服务。我可以将宽度固定为某个px大小。但是当更改浏览器窗口大小时，框大小将不会根据该大小进行调整。很高兴知道是否有办法解决这个问题！谢谢:) http://jsfiddle.net/Lvc0u55v/7937/

更新我没有提到这个，因为我不知道这会是问题所在。此选择框位于表格中。它在<td></td>标签内，如果这有任何区别..

Answer 1

请确保您没有修复盒子的高度和宽度，让引导程序让它自行响应

试试这个，它正在运作

var audioFiles = []

func  playAudioFiles() {
    var i = 0
    for _ in audioFiles {
        FourPlayers.audioPlayers[i].play()
        i+=1
    }
}

和css：

Sub CloseOtherUserForms()
    Dim frm As UserForm
    For Each frm In UserForms
        If Not TypeName(frm) = "MacroForm" Then
            Unload frm
        End If
    Next
End Sub

Answer 2

我创建了一个小提琴http://jsfiddle.net/4et7da1s/2/

您可以通过混合使用max-width并将宽度设置为auto来解决问题。

这样的事情：

.box {
    height: 21px !important;
    width: auto;
    max-width: 20%;
}

AngularJS下拉框宽度可防止自动调整大小

2 个答案: