铬错误？ CSS3 列在每个新列上都有一个额外的空间

Posted 2023-03-06

【中文标题】铬错误？ CSS3 列在每个新列上都有一个额外的空间

【英文标题】：Chrome bug? CSS3 columns make an extra space on every new column

【发布时间】：2012-04-14 05:41:53

【问题描述】：

这是我的代码：

http://jsfiddle.net/WCP5f/2/

如果你用 Chrome 打开它，你会看到每个新列（不是第一个）在只有第一个大字母的内容上都有一个额外的空间每一列。

与此同时，Firefox 似乎在做这件事。

这是一个 chrome 错误吗？还是我错过了什么？

【问题讨论】：

CSS multi-column layout of list items doesn't align properly in Chrome的可能重复

我并没有在该线程中找到任何可行的解决方案

这也发生在移动 safari 上

【参考方案1】：

http://jsfiddle.net/WCP5f/3/

我将 .huge-letter font-size 切换为 EM 而不是 PX 值，这似乎已修复它。

【讨论】：

尝试删除line-height。

或者，您也可以将 line-height 设为 EM，这样就可以解决问题。

是的！我知道了。调整行高，我可以让它匹配。谢谢！