居中对齐HTML表格

在我正在处理的页面上，目前似乎无法将表格居中放置在第一行和第二行文本中的图像中（两个列不应超过图片的宽度）这里是页面：http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html 我花了很多时间来解决这个问题。我想保留它在HTML中，因为我必须赶时间，也因为我必须为每个图像创建20页不同宽度/布局的页面。居中对齐HTML表格

来源

2012-12-28 FabricePMW

为您设计，它是使用div的，而不是一个表常见的做法。这样，通过适当的样式，您的布局将更易于维护和更改。这确实需要一些习惯，但从长远来看，它会帮助你一大堆，你会学到很多关于样式如何工作的知识。不过，我会为您提供解决手头问题的方法。

在您的样式表中，您将边距和填充设置为0像素。这会覆盖您的align="center"属性。我建议将这些设置从CSS中取出，因为您通常不希望所有元素都以这种方式受到影响。如果您已经知道CSS中发生了什么，并且希望保持这种状态，那么您必须将样式应用于表格以覆盖先前的设置。你可以给表格一个class或者你可以把样式与HTML内联。这里有两种选择：

随着等级：

<table class="centerTable"></table>

在你的style.css文件中，可以有这样的事情：

.centerTable { margin: 0px auto; }

与您的HTML内容相匹配：

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

如果你决定要消灭边距和填充被设置为0px，那么你就可以继续为任何列要调整你的<td>标签align="center"。

来源

2012-12-28 17:52:44

试试这个 -

<table align="center" style="margin: 0px auto;"></table>

来源

2012-12-28 17:24:33

+15

对于在符合标准的模式下运行的页面（即使用正确的DOCTYPE），“align”属性已过时并且不需要。 –

table 
{ 
margin-left: auto; 
margin-right: auto; 
}

这肯定会起作用。干杯

来源

2015-10-30 20:00:10

感谢，完美工作，并且与以前的答案不同，它符合HTML5。 – schlingel

你是圣人！ –

-1

<table align="center"></table>

这对我的作品。

来源

2016-12-03 09:45:12 alhelal

居中对齐HTML表格

回答

相关问题