css - table-cell - 某种 colspan?

标签 css html-table

我现在有点困惑,因为我的 CSS 代码可以工作,但它一点也不漂亮。我现在想重新设计这个 CSS 样式并通过 LESS 构建它们。我对 display:table;/display:table-row;display:table-cell; 有很大的问题。

例如我有以下代码:http://jsfiddle.net/La3kd/2/

如何做到最后一个单元格(中心)不会将上面的第二个单元格向右移动?最后一个单元格的宽度应为上面 2 个单元格的宽度。需要某种 colspan。这太奇怪了,因为我的印象是在我重新编写代码之前它就起作用了。但是现在右边的所有元素都完全移动了。

最佳答案

CSS 没有 colspan 类比。根据您的示例,您可以将最后一行标记为单独的非表 block 。

您还可以将 display: table-captioncaption-side: bottom 结合使用,将表格行显示为跨越所有列的最后“行”。参见 live demo .

关于css - table-cell - 某种 colspan?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9851582/

相关文章:

html - 带有图像和文本的横幅在调整大小时不改变大小

javascript - 通过单击另一个表中的单元格对表进行排序

html - dart HTML TableCellElement - 无法获取或设置 colspan

javascript - 以数组形式检索选择器类的数据属性

javascript - 隐藏滚动条而不影响页面宽度或不稳定的页面重新呈现

css - "update"有没有 CSS 框架?

javascript - 如何一次不快速地轻柔滚动

asp.net - ASP.NET 按钮周围的虚线边框

css - 制作div(显示: table) match outer container's height width min-height

php - 如何使用 php 显示三列列表?