Wordpress 内容对齐问题

Question

我在我的网站上添加了一个 Wordpress“联系我们”页面。但我无法正常对齐内容。我添加了一个联系表格和一个谷歌地图 iframe。但我不能在同一级别一起展示它们。页面的侧边栏是隐藏的，我不需要它。这个问题怎么解决？

http://www.mersinhatayrestaurant.com/?page_id=10

我也尝试使用表格

<table>
<tr>
<td>[si-contact-form form='1']</td>

<td>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
</td>

</tr>
</table>

但没有任何改变。我正在等待您的解决方案。谢谢。

Answer 1

尝试在 iframe 和 div 上使用 float:left 来获取没有表格的联系表单。或添加一个垂直对齐：顶部；使用联系表格向 TD。您已经为 iframe 静态分配了高度和宽度，如果它比联系表格高，那么它将填充整个 TD 单元格，并且联系表格将移动到底部，因为 TD 的默认行为是垂直对齐：底部；

编辑：

将垂直对齐动态添加到您的网站并且它有效，只需将其添加到下面。

<table>
    <tr>
    <td style="vertical-align:top;">[si-contact-form form='1']</td>

    <td>
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
    </td>

    </tr>
</table>