相关疑难解决方法(0)

我正在修复我的一个下拉框的宽度(是的,我知道这样做存在跨浏览器问题).

是否有非js方法来切断溢出的文本并附加省略号？文本溢出:省略号不适用于<select>元素(至少在Chrome中).

select, div {
    width:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

<!--works for a div-->
<div>
    A long option that gets cut off
</div>

<!--but not for a select-->
<select>
    <option>One - A long option that gets cut off</option>
    <option>Two - A long option that gets cut off</option>
</select>

示例:http: //jsfiddle.net/t5eUe/

如何将bootstrap 3.0中下拉触发按钮的宽度设置为等于下拉列表的宽度？与使用bootstrap-select时所实现的类似(http://silviomoreto.github.io/bootstrap-select/).我试图将整个列表包装在一个带有col-*类的div中,但这似乎不起作用:

<div class="row">
<div class="col-xs-4 col-md-4">
    <div class="dropdown">
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Button</button>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Action</a></li>
            <li><a href="#">Action</a></li>
          </ul>
    </div>
</div>

因此,我想:按钮宽度=下拉菜单列表= col-*宽度.