css怎么让表格居中

如题所述

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body {text-align: center;} table {margin: auto;}。

3、浏览器运行index.html页面,此时成功用css让表格居中了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-23

css设置居中的方法主要有如下两种:

1、利用margin属性

<html>
<table style="margin:0 auto;">
/table>
</html>

这样就会水平居中

2、利用position属性

position:relative;
left:50%
margin-left:xx px;

其中margin-left的值应该设置为需要设置居中容器宽度的一半。

第2个回答  推荐于2017-09-12
表格居中还是表格内容居中?
如果是table表格居中(上下左右居中):
margin:0px auto;
如果是表格中的内容居中(上下左右居中):
text-align:center;
vertical-align:middle;

参考:
http://zhidao.baidu.com/link?url=WRVQAxM87iB0O8d5Yl2GaBopFQJzGUK4IGU82A6joOu-7tjMsOh56dexchshzsL--EHu34DR0ENv_A3lhnqGZa本回答被提问者和网友采纳
第3个回答  2014-10-30
在居中元素的外层加样式:align:center;试试。或者直接在居中元素外套上<center></center>标签