CSS overflow-x和空白效果在Firefox上不起作用（但是在Chrome上工作）

我有一个包含一长串文本的列的表格。我想这个列是一个固定的小宽度，并有一个水平滚动条。要做到这一点，我使用的长柱以下样式：CSS overflow-x和空白效果在Firefox上不起作用（但是在Chrome上工作）

.foo { 
    white-space: nowrap; 
    max-width: 400px; 
    overflow-x:scroll; 
}

这里是一个工作示例： jsfiddle.net/7Ld6c0vv

在Chrome中，一切都很好。但在Firefox中，没有滚动条，列中的文本超出列边界。

我使用的是Google Chrome版本47.0.2526.73和Firefox 42.0。

如何修改以便Chrome中的效果也出现在Firefox中？

来源

2015-12-08 synaptik

的可能的复制[？如何控制在Firefox表格单元格的溢出（http://stackoverflow.com/questions/14547722/how-to-控制溢出的表 - 细胞在-火狐） –

这适用您的原始条件：https://jsfiddle.net/7Ld6c0vv/2/？包含在里面TD

使用<div class="foo">：

<td><div class="foo">lhaoh oah ohgoa ngoa nhoganho gaoh goahg oaehgo eoghaogh aog aoghj aohg oehgo hegohao goah goeahgo aewhog haeoghaeo ghoae wgoiawhoeh ofhaioeh oag</div></td>

来源

2015-12-08 20:05:47 AVAVT

CSS overflow-x和空白效果在Firefox上不起作用（但是在Chrome上工作）

回答

相关问题