居中alignment一个HTML表格

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

Answer 1

对于您的devise，通常使用div而不是表格。 这样，通过适当的样式，您的布局将更易于维护和更改。 这确实需要一些习惯，但从长远来看，这将对您有所帮助，您将学到很多关于样式的工作原理。 不过，我会为您解决手头的问题。

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

1. 带class：

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

在你的style.css文件中，你会有这样的东西：

 .centerTable { margin: 0px auto; } 

2. 与您的HTML内联：

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

如果您决定清除边距和填充设置为0px，那么您可以在<td>标签上保留align="center" ，用于希望alignment的任何列。

Answer 2

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

这一定会工作。 干杯

Answer 3

尝试这个 –

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

Answer 4

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

这对我有用。