中心对齐HTML表格

在我目前工作的页面上,我似乎无法使一个表格的中心位于第一行中的图像和下面的两列文本(两列不应超过图像的宽度)
这是页面:http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html
我花了很多时间来解决这个问题。
我想保留在HTML中,因为我必须赶上,也因为我必须创建20页的排序,每个图像具有不同的宽度/布局。
谢谢!
最佳答案
对于您的设计,通常的做法是使用div而不是表。这样,您的布局将通过适当的样式更易于维护和更改。它确实需要一些习惯,但它会帮助你一吨的长期,你会学到很多关于如何造型工作。但是,我会为您提供解决问题的解决方案。

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

>用类:

< table class =“centerTable”>< / table>

在你的style.css文件中,你会有这样的:

.centerTable { margin: 0px auto; }

>内联您的HTML:

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

如果您决定擦除边距并将padding设置为0px,那么您可以在< td>上保持align =“center”标签为您想要对齐的任何列。

转载注明原文:中心对齐HTML表格 - 代码日志