Html Internet Explorer没有';t使用overflow-x:auto时调整表格单元格高度(因此它会隐藏内容)。铬是的。我怎样才能解决这个问题?
铬: Internet Explorer: 好的,上面的照片是它的样子。那是在Chrome上。下面的照片是它在IE11上的样子。正如您所看到的,它隐藏了所有内容,并且不垂直调整滚动条。有没有办法解决这个问题?我的代码基本上是:Html Internet Explorer没有';t使用overflow-x:auto时调整表格单元格高度(因此它会隐藏内容)。铬是的。我怎样才能解决这个问题?,html,css,internet-explorer,Html,Css,Internet Explorer,铬: Internet Explorer: 好的,上面的照片是它的样子。那是在Chrome上。下面的照片是它在IE11上的样子。正如您所看到的,它隐藏了所有内容,并且不垂直调整滚动条。有没有办法解决这个问题?我的代码基本上是: td { white-space: nowrap; overflow-x: auto; } 注意:对不起,我对stackoverflow不是很有经验,也不知道如何分离图片。第二张图片从Aimee Reedy-Fredericka McGee-10/1
td {
white-space: nowrap;
overflow-x: auto;
}
注意:对不起,我对stackoverflow不是很有经验,也不知道如何分离图片。第二张图片从Aimee Reedy-Fredericka McGee-10/17/16开始,这是第二次出现。类似的内容应该在chrome和ie10+中都适用:
td{
文本对齐:左对齐;
颜色:蓝色;
空白:nowrap;
最大宽度:200px;
溢出-x:自动;
}
th{
文本对齐:左对齐;
}
@介质全部和(-ms高对比度:无)
{
.padding{overflow-y:hidden;}
}
名称
描述
艾玛·斯通
辣妹
什叶派拉博夫
疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂
类似的东西应该可以在chrome和ie10+中使用:
td{
文本对齐:左对齐;
颜色:蓝色;
空白:nowrap;
最大宽度:200px;
溢出-x:自动;
}
th{
文本对齐:左对齐;
}
@介质全部和(-ms高对比度:无)
{
.padding{overflow-y:hidden;}
}
名称
描述
艾玛·斯通
辣妹
什叶派拉博夫
疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂,疯狂
您遇到的问题是,您试图在设计为使用表格单元格的容器中使用块
元素。正如Kashif在回答中提到的,您应该添加一个div
容器,然后在该元素上执行overflow
滚动(这是实现这一点的更干净的方法)
另一种方法是将td
和th
元素更改为使用内联块
和宽度
属性。这样做的唯一问题是您最终删除了表单元元素,这有点违背了使用表的初衷
td, th {
display: inline-block;
text-align:left;
color:blue;
white-space:nowrap;
max-width:200px;
overflow-x:auto;
border: 1px solid red;
border-collapse: collapse;
width: 49%;
}
这是你的护照。对不起,这太麻烦了,我没有时间去解决这些问题,但你应该能够理解。希望能有所帮助。您遇到的问题是,您试图在设计为使用表单元格的容器中使用块元素。正如Kashif在回答中提到的,您应该添加一个div
容器,然后在该元素上执行overflow
滚动(这是实现这一点的更干净的方法)
另一种方法是将td
和th
元素更改为使用内联块
和宽度
属性。这样做的唯一问题是您最终删除了表单元元素,这有点违背了使用表的初衷
td, th {
display: inline-block;
text-align:left;
color:blue;
white-space:nowrap;
max-width:200px;
overflow-x:auto;
border: 1px solid red;
border-collapse: collapse;
width: 49%;
}
这是你的护照。对不起,这太麻烦了,我没有时间去解决这些问题,但你应该能够理解。希望能有所帮助。您能提供一些表格代码和更多表格上使用的CSS,或者在一个新的表格中重新创建问题吗?这是一个JSFIDLE!它在IE和Chrome上看起来不一样。你能提供一些表格代码和更多表格上使用的CSS吗?或者用一种新的方式重新创建问题?这是一个JSFIDLE!它在IE和Chrome上看起来不同。