在我目前正在处理的页面上,我似乎无法将表格居中放置在第一行中,而图像则位于其下两行(两列不应超过图像的中心)。宽度)
这是页面:http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html
我花了很多时间试图解决这个问题。
我想将其保留在HTML中,因为我不得不着急,而且因为我必须为每个图像创建20个具有不同宽度/ +布局的页面。
最佳答案
对于您的设计,通常使用div而不是表格。这样,通过适当的样式,您的布局将更易于维护和更改。这确实需要一些时间来适应,但是从长远来看,它将帮助您很多,并且您将学到很多有关样式工作原理的知识。但是,我将为您解决当前的问题。
在样式表中,边距和填充设置为0像素。这将覆盖align="center"
属性。我建议您从CSS中删除这些设置,因为通常您不希望所有元素都以这种方式受到影响。如果您已经知道CSS中发生了什么,并且想要保持这种状态,则必须对表应用样式以覆盖之前的设置。您可以为表格指定class
,也可以将样式与HTML内联。这是两个选项:
<table class="centerTable"></table>
在您的style.css文件中,您将具有以下内容:
.centerTable { margin: 0px auto; }
<table style="margin: 0px auto;"></table>
如果您决定清除设置为0px的边距和内边距,则可以将
align="center"
保留在<td>
标记上,以保留希望对齐的任何列。