如何在 HTML 中将表格居中

表格是一种以有组织的方式呈现大量信息的绝佳方式。销售数据、网页流量、股票市场趋势和学生成绩是经常以表格形式呈现的信息示例。

使用HTML将表格添加到网页时，将其置于页面中心可能更具视觉吸引力。居中文本和图片通常是通过text-align类或通过CSS来完成的，但是居中表格需要不同的方法。下面提供了有关如何使表格在网页上居中的详细信息。

在 HTML 中将表格居中

将表格添加到网页时，默认情况下，它与页面或容器的左侧对齐，如下所示。

HITS	MONTH	TOTAL INCREASE
324,497	January 1998	-
436,699	February 1998	112,172

上表的 HTML源代码如下。

<table style="border:1px solid black"><tr><td><b>HITS</b></td><td><b>MONTH</b></td><td><b>TOTAL INCREASE</b></td></tr><tr><td>324,497</td><td>January 1998 </td><td style="text-align:center">-</td></tr><tr><td>436,699</td><td>February 1998</td><td style="text-align:center">112,172</td></tr>
</table>

要使此表居中，您需要添加;margin-left:auto;margin-right:auto; 到<table>标记中样式属性的末尾。表格标记如下所示。

<table style="border:1px solid black;margin-left:auto;margin-right:auto;">

如上所示，更改 <table> 标记中的样式属性会导致表格以网页为中心，如下所示。

HITS	MONTH	TOTAL INCREASE
324,497	January 1998	-
436,699	February 1998	112,172

提示

您可以将参数添加到 <table> 标记中的样式属性，以使表格更具吸引力。添加填充：2px；和边框间距：20px；在数据点和边框之间添加间距以提高可读性。

如何在 HTML 中将表格居中相关推荐

java中将查询数据导出_如何在R中将数据框导出到Excel
java中将查询数据导出 What if I tell, that you can export data frames to excel in R within a couple of minute ...
如何在Java中将String转换为int？
如何在Java中将String转换为int ? 我的字符串仅包含数字,我想返回它代表的数字. 例如,给定字符串"1234" ,结果应为数字1234 . #1楼好吧,要考虑的一个非 ...
dw html怎么导入视频,如何在dw中将视频插入
如何在dw中将视频插入电脑版Dreamweaver工具被很多人使用,用来编辑视频等,有的用户在使用该软件时,想要插入需要编辑的视频,但是却不知道如何插入,那么小编就来为大家介绍一下吧. 具体如下: ...
如何在WordPress中将经典块批量转换为古腾堡
Several of our readers have asked how to convert old WordPress post content into the new Gutenberg ( ...
如何在Python中将字典键作为列表返回？
本文翻译自:How to return dictionary keys as a list in Python? In Python 2.7 , I could get dictionary keys ...
计算机word表格居中,word表格居中怎么弄
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. word表格居中的方法如下: 1.打开表格,选中即可: 2.点击开始,点击文字居中即可. Microsoft Word最初是由Ri ...
如何在Java中将String转换为int
在本教程中,我们将看到将Java中的String转换为int(或Integer)的各种方法. 您可以使用以下任何一种方式: –使用Integer.parseInt(string) –使用Integer ...
如何在Java中将字节数组转换为InputStream和OutputStream
您是否坚持使用编码,因为您有字节数组,并且链中的下一个方法需要InputStream? 不用担心Java有解决方案,您可以使用 ByteArrayInputStream 在Java中将字节数组转换为I ...
linux 输出到文件新,如何在Linux中将命令输出保存到文件
原标题:如何在Linux中将命令输出保存到文件在Linux中输出命令可以做很多事情. 您可以将命令的输出分配给变量,将其发送到另一个命令/程序以通过管道进行处理或将其重定向到文件以进行进一步分析. ...
html th表格居中,HTML----之表格
一.创建表格的基本语法: 单元格内的文字 ... ... 总结: 表格的主要目的是用来显示特殊数据的一个完整的表格有表格标签(table),行标签(tr),单元格标签(td)组成,没有列的标签中只 ...

如何在 HTML 中将表格居中

在 HTML 中将表格居中

如何在 HTML 中将表格居中相关推荐

最新文章

热门文章