怎么样把table表格使用css样式居中显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么样把table表格使用css样式居中显示相关的知识，希望对你有一定的参考价值。
1、普通居中。
align="center"
<table align="center"><tr>
<td>商品名称</td>
<td>商品价格</td>
<td>商品描述</td>
<td>购买</td>
</tr>
</table>
2、css样式居中。
margin:0 auto
<style type="text/css">table1
margin:0 auto;/* 自动居中，不论王爷的大小 */
border:1;/* 边框粗度 */
width:80%;/* 宽度只占当前页面的80% */
</style> 参考技术A
给margin:0 auto;就可以
如
<style>tablemargin:0 auto;
</style>
</head>
<body>
<table border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table> 参考技术B 使用css属性margin:auto;如果想要设置上下边距，就写成
margin: 这里写上下边距数值 px auto，例如上下边距为30px就写成
margin:30px auto。 参考技术C tabledisplay:block;margin:0 auto;width:450px 参考技术D tablemargin:auto
table td,table thtext-align:center
CSS Table 整体居中显示
第一步：在table外面套一个div，设样式margin:0 auto
第二步：table 设样式margin:0 auto
完成
以上是关于怎么样把table表格使用css样式居中显示的主要内容，如果未能解决你的问题，请参考以下文章