在网页中,表格是常用的元素之一。然而,当表格的宽度不足时,它们通常显示在网页的左边或右边。那么,如何在网页中将表格居中呢?下面我们将使用CSS技术实现。table { margin: 0 auto;
在网页中,表格是常用的元素之一。然而,当表格的宽度不足时,它们通常显示在网页的左边或右边。那么,如何在网页中将表格居中呢?下面我们将使用CSS技术实现。
table { margin: 0 auto; }
我们只需在表格的样式中添加一个简单的CSS属性:margin: 0 auto;。这会将表格居中,而不是靠左或靠右。让我们来看一个例子:
<table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>18</td> <td>男</td> </tr> <tr> <td>李四</td> <td>20</td> <td>女</td> </tr> </table>
table { margin: 0 auto; }
这样,整个表格就会显示在网页的中央。
粉丝
0
关注
0
收藏
0