ページ上で自分のイメージが非常に高いのはなぜですか？

私はウェブページ上に2つのボタンを持っていますが、私はClearボタンを少し下にしてSearchボタンに合わせようとしています。なぜクリアボタンがとても高いのですか？ここでページ上で自分のイメージが非常に高いのはなぜですか？

alt text

<table border=1> 
<tr> 
<td> 
    <button type="submit">Search</button> 
    <img src="../images/button-clear.png"> 
</td> 
</tr> 
</table>

2011-01-23 davidjhp

非常に不良なHTMLです。あなたは、tdとtrの終了タグが必要です。imgは自己閉鎖です –

FYIあなたは単にstackoverflowにあなたのコードを入力してから、それを強調表示して "コード"ボタンをクリックすることができます。 –

@Stefan：これはXMLではありません。 HTMLでは、「」と「」はオプションですので、ここのHTMLは正しいです。あなたが ''タグなどを忘れてしまったかどうかを誰も推測する必要がないように、それを含めると人々（そしてたぶんHTMLパーサ）が多く役立ちます。 – cHao

この置き換えます。これは、画像の垂直方向の配置に関係している

<img src="../images/button-clear.png" style="vertical-align: bottom; ">

2011-01-23 00:47:35 blake305

vertical-align CSSプロパティのデフォルト値はbaselineあるので、それは高いです。これはdisplay: inlineのすべての要素に適用され、<img>要素を含みます。

middleに設定する代わりにしてみてください。

<img src="../images/button-clear.png" style="vertical-align:middle" />

2011-01-23 00:47:17

：これで

<img src="../images/button-clear.png">

をインライン要素であり、ベースラインに設定されています。それらを整列するために 'vertical-align：bottom'を追加してください。

2011-01-23 00:51:34 Rob

答えて