CSS可用于控制 HTML 表格的外观。本文将讨论如何将两个TD并列展示。代码如下: table { width: 100%; border-collapse: collapse; } td { bo
CSS可用于控制 HTML 表格的外观。本文将讨论如何将两个TD并列展示。
代码如下: table { width: 100%; border-collapse: collapse; } td { border: 1px solid black; } td.left { width: 50%; } td.right { width: 50%; }
以上代码中的 table
和 td
分别设置了表格和表格单元格的样式。其中,边框为1像素黑色实线。
接下来的两个 td
分别具有 left
和 right
类名,它们的宽度各为表格宽度的50%。
在 HTML 文件中,将两个TD并列放置即可。
代码如下: <table> <tr> <td class="left">左侧 TD</td> <td class="right">右侧 TD</td> </tr> </table>
以上代码中的 tr
表示表格行,两个 td
分别为左侧和右侧 TD。
通过以上 CSS 样式和 HTML 结构,两个TD即可并列展示在表格中。
粉丝
0
关注
0
收藏
0