html – 显示上一个单元格下方的单元格

概述我有以下结构： <table> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>x</td> <td>y</td> <td>z</td> </tr></table> 并且,使用CSS,我想看到以下结果(没有可见边 我有以下结构：

<table>    <tr>        <td>a</td>        <td>b</td>        <td>c</td>    </tr>    <tr>        <td>x</td>        <td>y</td>        <td>z</td>    </tr></table>

并且,使用CSS,我想看到以下结果(没有可见边框)：

+---+---+| a | b ||   | c |+---+---+| x | y ||   | z |+---+---+

详细阐述我的动机：该表是工作历史的概述,列是期间,职位和雇主.为了便于阅读,我想把雇主置于职位之下.

解决方法 您不能使用常规表格布局使用CSS执行此 *** 作.表元素具有特殊的显示属性(表格,表格行等),但您可以将它们重置为阻止,使其像普通方框一样(如div,你知道)：

table,tbody,tr,td {     display: block; }

然后构建自己的结构,浮动示例：

tr {     overflow: hIDden; }td {    margin-left: 100px;}td:first-child {    float: left;    margin: 0;    wIDth: 100px;}

jsFiddle Demo

这样您就可以保留语义信息,但可以根据您的特殊需求进行设置.

总结

以上是内存溢出为你收集整理的html – 显示上一个单元格下方的单元格全部内容，希望文章能够帮你解决html – 显示上一个单元格下方的单元格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。