0

ボックス内のテキスト ブロックに合わせて配置したい画像があります。

問題は、テキストを画像の上部に揃えることができないことです。ボックスの上部と画像の間には常にスペースがあります。

ボックス内の画像とテキストのコードは次のとおりです。http://paulcwebster.com

<div style="width:1000px;height:155px;border:1px solid black;">
    <table border="0" cellpadding="2" cellspacing="0" width="100%">
        <tbody>
            <tr>
                 <td width="134"><a href="index.html"><img src="gfx/adverse-reactions.jpg" alt="" border="0" height="150" width="176"></a></td>
                 <td width="1827"><font color="blue" size="2"><a href="gfx/VanMagAdverseReactionsApril2013.pdf" target="_new">Adverse Reaction</a></font>
Vancouver Magazine April 2013<br><br><em>British Colombia's firing of scientists closely involved in staging major studies of physician prescribing practices, and the safety of a wide array of drugs is a situation that Dr. David Henry, CEO of Toronto&rsquo;s Institute for Clinical Evaluative Sciences, Canada&rsquo;s preeminent centre for science-based health policy development, describes as extremely distressing. &ldquo;The most comprehensive data in Canada has been denied to us,&rdquo; he says, noting that the B.C. government has failed to respond to repeated inquiries from alarmed scientists across Canada.</em></td>
            </tr>
        </tbody>
    </table>
    <br>
</div>
4

2 に答える 2

1

vertical-align両方の要素 (テキストと画像) をtext-topまたはに垂直方向に揃える ( ) こともできますtop。

画像だけを に合わせるだけで、これを実現できる場合もありますtext-top。ただし、jsFiddle がないと、これをテストできません。

例：

img {
    vertical-align: text-top;
}
于 2013-04-13T19:06:15.203 に答える