所以我正在制作我正在制作的网上展览的最后一页。最后一页使用与展览中的早期页面完全相同的格式(图像位于左边,段落位于图像右侧),因此我只需复制/粘贴所有代码,并根据需要更改图像和td元素的URL、文本和尺寸。我与页面上各种元素的对齐无关,但现在我有了一个元素,它基本上忽略了td valign="top“,并且看起来是对中对齐的。我已经对新页面的html和原始页面进行了逐行比较,但是我找不到任何应该改变它的地方。基本上,页面的文本部分(页面的标题和页面的正文)应该从与图像顶部相同的行开始,但是它是在大量空白之后从中间开始的。
下面是有问题的特定表,其中删除了文本和完整的URL,以使其更短一些:
<table width="917" border="0"></br>
<tr>
<td width="400" valign="top">
<table width="10" border="1" align="center" bordercolor="#8AC3C9">
<tr>
<td width="184" bordercolor="#8AC3C9"><div align="center"><a href="*image*" target="_blank"><img src="*image*" alt="image" width="400" height="267" hspace="1" vspace="1" border="0" align="middle"></a></div></td>
</tr>
<tr>
<td bordercolor="#8AC3C9" bgcolor="#8AC3C9"><div align="center" class="style2">*Image*</td>
</tr>
</table>
</div>
</td>
<td width="500" "valign="top"><div align="center"><font size="+2" face="Georgia"><b>*Title of page*</b></font></div></br>
<div align="justify"><font face="Georgia">*Body of page*
</div></td>
</tr> 发布于 2016-11-14 20:58:19
这里有一个“在valign前面,所以它没有读取属性。
<td width="500" "valign="top"><div align="center">完整的守则应是:
<table width="917" border="0"></br>
<tr>
<td width="400" valign="top">
<table width="10" border="1" align="center" bordercolor="#8AC3C9">
<tr>
<td width="184" bordercolor="#8AC3C9"><div align="center"><a href="image.htm" target="_blank"><img src="http://placehold.it/400x267" alt="image" width="400" height="267" hspace="1" vspace="1" border="0" align="middle"></a></div></td>
</tr>
<tr>
<td bordercolor="#8AC3C9" bgcolor="#8AC3C9"><div align="center" class="style2">*Image*</td>
</tr>
</table>
</div>
</td>
<td width="500" "valign="top"><div align="center"><font size="+2" face="Georgia"><b>*Title of page*</b></font></div></br>
<div align="justify"><font face="Georgia">*Body of page*
</div></td>
</tr>
下面是一个工作代码:http://codepen.io/vic3685/full/vyKmwg/
https://stackoverflow.com/questions/40597640
复制相似问题