我现在有点困惑,因为我的 CSS 代码可以工作,但它一点也不漂亮。我现在想重新设计这个 CSS 样式并通过 LESS 构建它们。我对 display:table;
/display:table-row;
和 display:table-cell;
有很大的问题。
例如我有以下代码:http://jsfiddle.net/La3kd/2/
如何做到最后一个单元格(中心)不会将上面的第二个单元格向右移动?最后一个单元格的宽度应为上面 2 个单元格的宽度。需要某种 colspan。这太奇怪了,因为我的印象是在我重新编写代码之前它就起作用了。但是现在右边的所有元素都完全移动了。
最佳答案
CSS 没有 colspan
类比。根据您的示例,您可以将最后一行标记为单独的非表 block 。
您还可以将 display: table-caption
与 caption-side: bottom
结合使用,将表格行显示为跨越所有列的最后“行”。参见 live demo .
关于css - table-cell - 某种 colspan?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9851582/