当图片与左边对齐时，如何在HTML中的图片和表格之间放置空格？

我想在我的照片和桌子之间放一个空格，但不知道如何。当图片与左边对齐时，如何在HTML中的图片和表格之间放置空格？

这里是我的代码..

<img src="images/hotel_gracia.jpg" width="200" height="150" align="left"/> 
<table class="hotel"> 
<tr> 
<th>Room with Breakfast (P.P)</th> 
<th>Superior</th> 
<th>Economy</th> 
</tr> 
<td>12th April-16th April & 5th October-23rd October 2011</td> 
<td>42 Euros</td> 
<td>37 Euros</td> 
</tr> 
<tr> 
<td>26th April-1st June 2011 </td> 
<td>50 Euros</td> 
<td>42 Euros</td> 
</tr> 
<tr> 
<td>6th Apr-11th Apr, 17th Apr-25th Apr 
2nd Jun-17th Jul & 12th Sept-4th Oct 2011 
</td> 
<td>55 Euros</td> 
<td>45 Euros</td> 
</tr> 
<td>18th July-11th September 2011</td> 
<td>59 Euros</td> 
<td>50 Euros</td> 
</tr> 
</table>

目前该表旁边的照片，我想他们之间的空间不大。

我用过“nbsp”之前但不确定我放在哪里。

来源

2011-03-06 addio

你应该了解CSS盒模型：

<img style="margin-right:20px"

注意：大多数会建议CSS类，以保持风格。

来源

2011-03-06 14:48:36

我得到了一个CSS表，我会把它放在CSS或HTML？ – addio 2011-03-06 15:21:55

不用担心把它添加到html中，效果很好，谢谢 – addio 2011-03-06 15:23:39

另一件事情，如果我想添加一个边框到我的图片我可以添加到图片样式？ – addio 2011-03-06 15:30:24

分隔多个样式设置使用分号：

<img style="margin-right:10px; border: 6px double #545565" 
src="images/hotel_idania.jpg" width="200" height="150" align="left"/>

虽然你可能想margin-bottom而不是margin-right因为表是块元素，绝对不会出现在同一行因为默认情况下你的形象。

来源

2011-03-06 17:51:26

优秀，这是一种享受！关于保证金，它似乎很好，所以我不确定你的意思。 – addio 2011-03-06 18:14:47

<img style="margin-right:10px; border:6px double #545565" 
    src = "images/hotel_idania.jpg" width="200" height="150" align="left"/>

来源

2011-03-06 17:53:30 user647152

只要更改标记的内联样式即可。改变它如下。

<img style="margin-right:10px; border:6px double #545565";

来源

2013-04-01 06:02:23 Nilesh

当图片与左边对齐时，如何在HTML中的图片和表格之间放置空格？

回答

相关问题