html - 拿一个 TR 并强制它只使用 CSS 变成垂直的(像一个列表)

标签 html css xhtml

我有这样的标记:

 <tr>
      <td>test</td>
      <td>test</td>
      <td>test</td>
      <td>test</td>
      <td>test</td>
 </tr>

这显然创建了一个水平表。是否有可能,仅使用 CSS 使该表显示每行仅显示 1 个元素?所需的输出类似于没有边距或元素符号点的无序列表。

最佳答案

我想这应该可以做到:

tr, td { display: block; }

虽然它可能会破坏它所在的 table ,但它看起来确实是一件奇怪的事情。

更新:我无法让这个(或任何其他技术)在 IE8(正常或兼容模式)下工作。它只是拒绝更改表格单元格的显示。很奇怪。抱歉,对此我没有解决方法。

关于html - 拿一个 TR 并强制它只使用 CSS 变成垂直的(像一个列表),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1878535/

相关文章:

javascript - Jquery帮助获取.attr()

javascript - 同一页面上的多个 slider 使用 jQuery Slippry 插件

javascript - 我如何删除第一个 <a> 之后的 <td> 中的所有内容

javascript - 单击时,只有父 div 而不是子 div

html - 链接和图标之间的空间,fontawesome

html - 放置在 css 文件中时,转换/过渡效果不起作用

html - Css 列表对齐问题

HTML:BR 的正确形式是什么?

java - CommandLink 不在 jsf 表单中,因为我已将它添加到模板中。但是它被禁用了。有没有其他方法可以启用它?

html - 使文本和按钮保持在同一行