html - Opera 换行错误我有以下 html/css：
<html>
<body>
<style type='text/css'>
.result_table table {
border-collapse:collapse;
}
.result_table table td {
white-space:nowrap;
max-width:200px;
overflow:hidden;
p
问问题
921 次
1 回答
2
可能overflow-y:hidden不适display:table-cell用于 Opera。O 可能的解决方案是添加display:blockfor .result_table table td。
演示：http: //jsfiddle.net/qXjV8/
另一种解决方案可能是使用 div 将文本包装在tddiv 中并将选择器更改为.result_table table td div
演示：http: //jsfiddle.net/qXjV8/1/
在这两种情况下，我建议您使用这样的重置 css：http: //meyerweb.com/eric/tools/css/reset/
您还会注意到，在这两种情况下，Opera 中的第二行都是部分可见的。要解决此问题，您可以使用line-height属性。
于 2011-03-15T11:25:17.823 回答
我有以下 html/css：
<html>
<body>
<style type='text/css'>
.result_table table {
border-collapse:collapse;
}
.result_table table td {
white-space:nowrap;
max-width:200px;
overflow:hidden;
p
问问题
921 次
1 回答
2
可能overflow-y:hidden不适display:table-cell用于 Opera。O 可能的解决方案是添加display:blockfor .result_table table td。
演示：http: //jsfiddle.net/qXjV8/
另一种解决方案可能是使用 div 将文本包装在tddiv 中并将选择器更改为.result_table table td div
演示：http: //jsfiddle.net/qXjV8/1/
在这两种情况下，我建议您使用这样的重置 css：http: //meyerweb.com/eric/tools/css/reset/
您还会注意到，在这两种情况下，Opera 中的第二行都是部分可见的。要解决此问题，您可以使用line-height属性。
于 2011-03-15T11:25:17.823 回答