1、首先打开vscode编辑器,新建一个html文档,里面写入一个外层的div,再加入一行table表格:
2、然后在上方的style标签中加入css样式,设置table标签的样式,table的元素具有长度自适应性,其长度根据其内文本长度决定,只要设置margin属性,让左右设置为auto就回自动分配剩余空间,也就是元素两侧的区域各占50%,那么元素就左右居中了:
3、最后打开浏览器就可以看到居中的一行表格了:
使用align=”center“即可实现表格的居中。代码实例如下:
表格内容 |
效果如下:
1、
单元格1 | 单元格2 |
单元格3 | 单元格4 |
单元格5 | 单元格6 |
单元格7 | 单元格8 |
ight="100" border="0" align="center" valign="center" cellpadding="0" cellspacing="0">
文字居中text-align:center
布局居中 margin:0 auto;
垂直居中 vertical-align:middle