html/css 表格在 IE 中被破坏

标签 html css internet-explorer html-table

这是我正在使用的网站,所有其他浏览器都能正确显示表格,但像往常一样,当涉及到 IE(特别是 9)时,它会崩溃。

http://lumpiahouserestaurant.com/menu/

我已经修复了 <thead>问题是因为 IE 没有很好地解释 display:inline-block。我找不到与 <tbody> 类似的问题.

该表的主要目标是拥有 <tr>向左浮动,<td>有显示 block ,所以他们向下显示。

最佳答案

表格不是设计成以这种垂直方式书写的。虽然以这种方式玩弄浏览器可能是一个有趣的实验,但这听起来像是在生产站点中令人头疼的一个秘诀。

如果您坚持以这种方式编写表格(我猜您想这样做是因为在 HTML 中阅读起来更直观),您可以选择

  1. 制作一个包含 7 列和 1 行的外部表格 - 每天一个。在每一列中创建一个包含 n 行和 1 列的表来保存每天的数据。这是假设表格行不应对齐,如您的示例所示。
  2. 从左到右而不是从上到下整理表格,然后 use javascript to transpose the table.

关于html/css 表格在 IE 中被破坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10712508/

相关文章:

html - Bootstrap CSS 菜单在折叠时不会打开

javascript - 使用 javascript 从 flash 捕获冒泡键事件?

javascript - 如何创建只需要 html 中的 anchor 的查看更多/阅读更多功能?

javascript - window.print 不适用于由 document.write 呈现的页面

jquery - 导航元素在悬停时上下跳动

html - 垫扩展面板删除边框

javascript - IE 语法错误

javascript - 难倒 : IE8 Message: Expected identifier, 字符串或数字行:82 字符:1 代码:0

html - 灵活包装内图像的静态高度

javascript - 当我使用 Javascript 单击链接时需要显示一个 div