Wordpress 对齐表格内容

Wordpress 对齐表格内容,wordpress,html-table,alignment,Wordpress,Html Table,Alignment,我有一个Wordpress网站,我正在尝试使用表格将一些文本与图像对齐 由于某种原因,图像看起来比我网站上的文本高 非常感谢您的帮助 页面如下: 这是我的代码: <table style="width: 86%;" border="0"> <tbody> <tr> <td width="50%"></td> <td width="50%"></td>a </tr> <tr> <td

我有一个Wordpress网站,我正在尝试使用表格将一些文本与图像对齐

由于某种原因,图像看起来比我网站上的文本高

非常感谢您的帮助

页面如下:

这是我的代码:

<table style="width: 86%;" border="0">
<tbody>
<tr>
<td width="50%"></td>
<td width="50%"></td>a
</tr>
<tr>
<td>Our aim is to ensure you look and feel your best on your special day. Whether it is your Wedding day, formal, Deb, Spring Carnival, photography and any occasion in between.

Picture Perfect Makeup is a mobile service catering Melbourne, surrounding and outer suburbs. We will come to your doorstep for your own comfort.

Mary Kechichian- Professional Makeup Artist and Stylist. Completed Training in Melbourne CBD with Elite Makeup Academy in advance Makeup artistry and Hair stylist.

Amongst my travels and learning Completed training in New York specialising in airbrushing, tattoo coverage with Kett Cosmetics.</td>
<td><img alt="" src="http://pictureperfect.kpwebservices.net/wp-content/uploads/2013/04/936482_507067716023365_1908922291_n.jpg" width="439" height="392" /></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>

A.
我们的目标是确保您在这特殊的一天,看上去和感觉都达到最佳状态。无论是您的婚礼、正式婚礼、Deb、春季嘉年华、摄影还是其间的任何场合。
Picture Perfect Compose是一家移动服务公司,为墨尔本、周边和远郊提供餐饮服务。我们会到你家门口来安慰你。
玛丽·克奇琴-专业化妆师和造型师。在墨尔本CBD与精英化妆学院提前完成化妆艺术和发型师的培训。
在我的旅行和学习中,我在纽约完成了专门的喷枪、纹身和凯特化妆品的培训。

文本具有CSS属性
垂直对齐:基线
,这将导致文本旁边的图像与第一行文本的底部对齐

尝试将其更改为
垂直对齐:顶部


如果您使用Firefox,您可以通过在页面上使用工具->Web开发者->检查器,然后单击包含文本的
td
,快速看到这一点。

您需要进行垂直对齐,以确保无论您的高度增加多少,左侧块中的文本都保持在顶部。使用类似于:

<tr>
    <td style="vertical-align: top;">Our aim is to ensure you look and feel your best on your special day. Whether it is your;Wedding day, formal, Deb, SpringCarnival, photography and any occasion in between.<p></p>
<p>Picture Perfect Makeup is a mobile service catering Melbourne, surrounding and outer suburbs. We will come to your doorstep for your own comfort.</p>
<p>Mary Kechichian- Professional Makeup Artist and Stylist. Completed Training in Melbourne CBD with Elite Makeup Academy in advance Makeup artistry and Hair stylist.</p>
<p>Amongst my travels and learning Completed training in New York specialising in airbrushing, tattoo coverage with Kett Cosmetics.</p></td>
<td class="odd"><img alt="" src="http://pictureperfect.kpwebservices.net/wp-content/uploads/2013/04/936482_507067716023365_1908922291_n.jpg" width="439" height="392"></td>
</tr>

我们的目标是确保您在这特殊的一天,看上去和感觉都达到最佳状态。是否是你的;婚礼日、正式仪式、Deb、春季嘉年华、摄影以及其间的任何场合。

Picture Perfect Compose是一家移动服务公司,为墨尔本、周边和远郊提供餐饮服务。我们会到你家门口来安慰你

玛丽·克奇琴-专业化妆师和造型师。在墨尔本CBD与精英化妆学院提前完成化妆艺术和发型师的培训

在我的旅行和学习中,我在纽约完成了专门的喷枪、纹身和凯特化妆品的培训


样式是串联的,但是您可以轻松地插入到类中并将类指向此单元格。我还建议您在图像上加一个边距,或在图像所在的单元格中加一个填充物,使其看起来更加优雅

尝试用以下内容替换表格:

<div style="width: 86%; position:relative; margin:0 auto;">


<div style="width:50%; float: left;">Our aim is to ensure you look and feel your best on your special day. Whether it is your;Wedding day, formal, Deb, SpringCarnival, photography and any occasion in between.</p>
<p>Picture Perfect Makeup is a mobile service catering Melbourne, surrounding and outer suburbs. We will come to your doorstep for your own comfort.</p>
<p>Mary Kechichian- Professional Makeup Artist and Stylist. Completed Training in Melbourne CBD with Elite Makeup Academy in advance Makeup artistry and Hair stylist.</p>
<p>Amongst my travels and learning Completed training in New York specialising in airbrushing, tattoo coverage with Kett Cosmetics.</div>

<div style="width:50%; float:right;"><img alt="" src="http://pictureperfect.kpwebservices.net/wp-content/uploads/2013/04/936482_507067716023365_1908922291_n.jpg" style="width:100%; max-width:439px; height: auto;" /></div>

</div>

我们的目标是确保您在这特殊的一天,看上去和感觉都达到最佳状态。是否是你的;婚礼当天、正式、Deb、春季嘉年华、摄影以及其间的任何场合

Picture Perfect Compose是一家移动服务公司,为墨尔本、周边和远郊提供餐饮服务。我们会到你家门口来安慰你

玛丽·克奇琴-专业化妆师和造型师。在墨尔本CBD与精英化妆学院提前完成化妆艺术和发型师的培训

在我的旅行和学习中,我在纽约完成了专门的喷枪、纹身和凯特化妆品的培训。
您应该尽量避免使用表格来布局页面,并将其用于格式良好的表格数据

希望这有帮助