如何获得显示：IE中的表格单元支持？任何纯javascript或jQuery解决方法？

Question

如何在IE中获得display:table-cell支持？我需要最轻的解决方案。

Answer 1

最快（但不干净）的解决方案是用条形注释将表包装在像

这样的条件注释中

<!--[if lte IE 7 ]><table><td><![endif]-->
<div>                   
 <!-- your markup here -->
</div>
<!--[if lte IE 7 ]></td></table><![endif]--> 

单页可以接受，但绝对要大规模避免

否则您可以详细说明为什么要尝试定义显示：table-cell。如果这与获得文本的垂直对齐有些相关，您可以查看这段代码

http://jsfiddle.net/fcalderan/985e4/

- 编辑（评论后）

如果您希望获得底部对齐，您还可以将position : relative设置为图像容器，然后position: absolute; bottom: 0;设置为图像

- 编辑2（评论后）

我们还在等你的代码。无论如何，产生的CSS将是

#imagecontainer {   /* or whatever image container you have */
  position: relative;
}

#imagecontainer img {
  position: absolute;
  bottom : 0;
  left: 50%; 
  margin-left:-n/2px; /* where 'n' is width of your image */
}

Answer 2

如果您查看使用不同组合display: table-cell的{​​{3}}，您可以更轻松地选择所需的CSS设置吗？

Answer 3

  

没有Internet Explorer版本   （包括IE8）支持该属性   值“内联表”，“磨合”，   “表”，“表格标题”，   “table-cell”，“table-column”，   “table-column-group”，“table-row”或   “表列的基团”。

这是来自w3schools

的说明

我认为你应该尝试另一种方式。