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上工作）

回答

相關問題