0

プログラミングはそれほど得意ではありませんが、

写真はテキストを隣接する列に移動させますが、なぜこれが起こっているのかわかりません。私はそれを浮かせて垂直方向の配置を使用してみましたが、どちらも機能しません。

<table style="border:none" cellpadding="0" cellspacing="0">
    <tbody>
       <tr>
       <td vertical-align:baseline style="border:none" width="20%">
       <div><img class="alignnone size-medium wp-image-232" src="" style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"></div>
       <div class="caption" style="font:8pt/12pt verdana" align="center">text</div>
       </td>
       <td style="border:none;float:right" style="border:none">
       <div style="font:10pt/14pt verdana" align="justify">text</div>
       </td>
    </tbody>
</table>

お時間をいただきありがとうございます

4

2 に答える 2

2 
<td vertical-align:baseline style="border:none" width="20%">

これは正しい構文ではありません。試す：

<td style="border:none; vertical-align:baseline" width="20%">

また、これ： 

style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"

には引用符がなく、style2 回あります。試す：

style="float:left;border: 1px solid #000000; display:block;" alt=""
于 2013-01-18T06:42:31.450 に答える
1

コードには多くのタグがありません。tr の終了タグがなく、このようなタグが多数あります。

以下の方法に変更

HTML

<table width="100%" cellpadding="0" cellspacing="0">
    <tbody>
       <tr>
       <td width="50%">     
         <img class="alignnone size-medium wp-image-232" src="" alt="" width="294" height="300" />
       <div class="caption">text</div>
       </td>
       <td class="second_td">text</td>
</tr>
    </tbody>
</table>

CSS

.caption{display:inline-block; font:8pt/12pt verdana;}
.second_td{font:10pt/14pt verdana; vertical-align:top; text-align:right}
img{float:left;border: 1px solid #000000;}

デモ

于 2013-01-18T06:52:06.760 に答える