4

サンプル記事では、2 列の html テーブルを追加しました。左の列は画像用で、右の列は画像の説明用です。

問題は、右側の列のテキスト説明が画像の下にあり、画像がテキストを別の行に分割するように強制しているようです.

これは私が使用したサンプルコードです:

<table>
<tr>
<td>Image.jpg</td>
<td>Image.jpg description</td>
</tr>
<tr>
<td>Image2.jpg</td>
<td>Image2.jpg description</td>
</tr>
</table>

ここで問題を確認できますこのページでは

4

3 に答える 3

8

追加するだけstyle="vertical-align:top"ですtd

またはvertical-align:middle、行の中央にテキストを配置したい場合

于 2012-04-13T00:13:33.390 に答える
1

テキストでこの CSS を試してください<TD>:

vertical-align:top;

すなわち:

<td style="vertical-align:top;">
   Trio: Quaisquer três cartas do mesmo valor. Este exemplo ...
</td>
于 2012-04-13T00:13:06.213 に答える
0

写真とテキストを正しく配置する必要があることを理解するには、valign 属性を使用できますか?

<table>
<tr>
 <td valign="top">January</td>
 <td valign="top">$100</td>
</tr>
<tr> 
<td valign="bottom">February</td>
 <td valign="bottom">$80</td>
   </tr>
</table>

配置方法に応じて、Top、Bottom、および Center を使用する必要があります。

于 2012-04-13T00:17:28.493 に答える