在制作网页布局时,我们经常会使用表格(table)来实现页面内容的排版。如果在一个表格中需要展示多列内容,通常会使用多个table列来实现,但是如果这些列宽度不一致,就会导致页面视觉效果不协调。下面我
<table id="table1"> <tr> <th>标题1</th> <td>内容1</td> </tr> <tr> <th>标题2</th> <td>内容2</td> </tr> </table> <br> <table id="table2"> <tr> <th>标题3</th> <td>内容3</td> </tr> <tr> <th>标题4</th> <td>内容4</td> </tr> </table>
/* 定义两个table的宽度为50% */ #table1, #table2 { width: 50%; display: inline-block; vertical-align: top; } <br> /* 定义表格内所有单元格(th和td)的宽度为50% */ #table1 th, #table1 td, #table2 th, #table2 td { width: 50%; }
粉丝
0
关注
0
收藏
0