html - 我怎样才能使表格单元格表现得像 UL LI?

标签 html css html-table cell

我有一个生成的 HTML 页面,我无法编辑。该页面有一个包含两行的表格,每行各有 4 个单元格。我想强制单元格表现得像无序列表项,以便它们显示在垂直列表中。我知道这是可怕的黑客攻击,但这确实是我目前唯一的选择。有没有办法让表格单元格垂直显示而不是水平显示?

最佳答案

您必须更改单元格的 display 属性。

假设您的表的类是 mytable,CSS 代码将是:

.mytable td {
    display: block;
}

看看这个 fiddle : http://jsfiddle.net/8Loy6x24/1/

不过,我不推荐这种技巧。

关于html - 我怎样才能使表格单元格表现得像 UL LI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25602971/

相关文章:

html - ML - CSS 如何正确对齐 la 表单标签前的 'required' 星号与标签文本?

javascript - JqG​​rid:显示列内 HTML 元素的文本

php - 如何确定真实用户正在浏览我的网站或只是在爬行或在 PHP 中

css - 如何从我的网站中删除加载了脚本标签的 css 以及该脚本标签的删除?

php - 如何将一周的第一个和最后一个日期显示为表格的第一个元素

html - 更改 mat-paginator 的 [pageSizeOption] 字体大小和字体系列

html - 设置溢出 :auto, 但不显示水平滚动条

css - 居中主div

css - 带有表格边框的 Chrome css 问题

html - 分区 :Overflow auto inside Table width: 100%