Firefox错误地计算父级的宽度

时间:2016-04-08 07:33:21

标签: css firefox

我有一个简单的2格网格,它被$testString = "123456 - blablabla"; function extractNumericsFromBeginning($str) { $chars = str_split($str); $returnString = ''; foreach ($chars as $char) { if (!is_numeric($char)) { break; } $returnString .= $char; } return $returnString; } print(extractNumericsFromBeginning($testString)); // Output: 123456 元素包裹在a元素中,根据其内容缩小宽度。它在IE和Chrome中按预期工作,但右侧单元格的一部分隐藏在Firefox中。似乎firefox抓住更宽的单元格的宽度并将其应用于它们的父级,而IE和chrome结合两个单元格的宽度,这就是我想要实现的交叉浏览器。

What it looks like in different browsers

演示 JSFiddle

请注意display: inline-block添加到第二个单元格或删除float: left对我来说不起作用,因为网格就像一个独立的组件,如果它&# 39; s未包含在元素中,第一个单元格的宽度应基于其内容,而第二个单元格应填充剩余空间,其内容不应溢出。

感谢您的想法。

0 个答案:

没有答案