为什么 css 列会切断 safari 中的内容。列宽也无法正常工作

【问题标题】：Why do css columns cut off content in safari. column width also wont work right为什么 css 列会切断 safari 中的内容。列宽也无法正常工作
【发布时间】：2014-11-04 05:42:05
【问题描述】：

http://rotanadan.com/columntest/columntest.html

下拉列表中的列在 safari 中都被弄乱了，并切断了内容，当我尝试使用 column-width 时，它就会中断并且根本不起作用。

【问题讨论】：

你应该做更多的细节来描述你的问题，提供代码，如果可能的话，提供一个小提琴。
它只是那个链接的一个简单的小例子，当它在链接中时我应该把所有的代码都粘贴到这里吗？

标签： css safari

【解决方案1】：

我自己也遇到了这个问题。在.dropdown-menu 上声明width，问题就会消失。您可能必须根据您的预期列宽来计算它。

column-width 属性只指定一个最小值，如果浏览器不能在.dropdown-menu 的宽度内“适应”最小值，它将恢复为单列。

Internet Explorer、Firefox 和 Chrome 似乎“按照您的意思行事”，因为它们似乎采用 column-count 并根据每列的内容计算适当的列宽，假设容器的最大宽度是无限的。 Safari 做了一些事情……很奇怪，好像它把所有东西都变成了 100 像素的默认值。我怀疑这是 Safari 中的一个错误，但对它的了解还不够确定。

【讨论】：