html - 更改选择宽度以适合 div 容器

Question

我已经将一个 dropdwon 定义为 fellow:

    <div class="form-group">
        <select class="form-control">
            <option>small option</option>
            <option>mediummmmmmmmmmmmmmmmmmmm option</option>                
            <option>large eeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeee eeeeeeeeeeeee eeee option</option>
        </select>
    </div>

我想将 select 宽度更改为容器宽度和 option 文本宽度的最小值。如果 option 文本大于 div 容器，截断选项的文本并在末尾放置省略号。所以 option 保留在容器内。此外，select 必须响应，调整窗口大小时，select 宽度应更新以适应新的窗口宽度。

如何使用 bootstrap CSS 实现这一点？

Answer 1

试试 width:100%;

它适用于 ListView 中的每个元素