引导3下拉菜单不符合内容的宽度

我用我的下拉菜单havng这个小问题。我需要的宽度适合内容里面的内容引导3下拉菜单不符合内容的宽度

在我的CSS我使用

width: -ms-max-content; 
width: -webkit-max-content; 
width: -moz-max-content; 
width: -o-max-content;

但it's不工作的IE浏览器，是否有这样做的另一个方法是什么？感谢

enter image description here

2014-09-10 EloiseM

您是否有任何链接到您的项目或小提琴？ – 2014-09-10 14:25:30

排序，一些东西没有显示，像字体真棒图标，一些图像......但几乎你可以检查这里的聊天：http://jsfiddle.net/yno8ywys/9/ – EloiseM 2014-09-10 14:41:03

得到你的图片摆脱pull-left类的，那么它会工作，而无需使用max-content。

2014-09-10 15:41:24 Sebsemillia

工作惊人。非常感谢 – EloiseM 2014-09-10 18:29:18

能否请您试试这个代码？

ul li a{ 
    white-space:normal; 
}

2014-09-10 14:40:25 ram

它打破了单词，但我如果可能的话，希望它可以保持在同一行 – EloiseM 2014-09-10 14:48:57

另外，我不能设置最小宽度，因为我不知道该列表中名称的长度。谢谢 – EloiseM 2014-09-10 14:51:06

回答