参见此处:codepen.io/arnaudfabs/pen/waXWJL enter code here
我正在使用Zurb Foundation 5构建大型菜单。对于每种产品,我需要在同一行上输入商品名称和价格。
我为价格添加了一个跨度浮动,并且在Chrome和IE上显示良好。
在Firefox中,价格超出了li标签,甚至无法点击。
看图片:
好:
坏:
对做什么有什么想法?谢谢!
最佳答案
删除white-space: nowrap;
上的样式.top-bar-section .dropdown li a
似乎可以解决FireFox中的问题。
或像这样覆盖它:
.top-bar-section .dropdown li a{
white-space: normal;
}
关于css - Firefox:下拉菜单中的 float 元素显示错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31391391/