0

写真とテーブルの間にスペースを入れたいのですが、どうすればいいのかわかりません。

これが私のコードです。

<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;」を使用しました 前に、しかし私がそれをどこに置いたかわからない。

4

4 に答える 4

0 
<img style="margin-right:10px; border:6px double #545565"
    src = "images/hotel_idania.jpg" width="200" height="150" align="left"/>
于 2011-03-06T17:53:30.850 に答える
0

複数のスタイル設定をセミコロンで区切ります。

<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-06T17:51:26.980 に答える
0

CSS ボックス モデルについて学ぶ必要があります。

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

注: ほとんどの場合、スタイルを保持するために css クラスをお勧めします。

于 2011-03-06T14:48:36.397 に答える
0

タグのインライン スタイルを変更するだけです。以下のように変更します。

<img style="margin-right:10px; border:6px double #545565";
于 2013-04-01T06:02:23.983 に答える