Html Internet Explorer没有';t使用overflow-x:auto时调整表格单元格高度(因此它会隐藏内容)。铬是的。我怎样才能解决这个问题?

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

铬:

Internet Explorer:

好的,上面的照片是它的样子。那是在Chrome上。下面的照片是它在IE11上的样子。正如您所看到的,它隐藏了所有内容,并且不垂直调整滚动条。有没有办法解决这个问题?我的代码基本上是:

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上看起来不同。