2010-11-29 16 views
0

たとえば、imgをテキスト行と同じ高さにしたいとします。これを設定する方法はありますか?emから行の高さを計算する方法はありますか?

 
<table> 
    <td> 
     <img src="pict.png" style="height: 1em"/> 
     <img src="pict.png" style="height: 1em"/> 
    </td> 
    <td> 
     The text<br/> 
     The second line<br/> 
    </td> 
</table> 

しかし、その一例で、画像の高さが行未満である:私の最初に考えたのは、このようなものでした。数行後、その差は非常に目立つようになります。誰にも何か提案はありますか?

また、私のフォント1.15 emが線の高さとほぼ同じように見えます。これは誰にも意味がありますか?

+0

1 EMは、使用しているものは何でもフォントの顔に小文字メートルの幅である: 私はこの画像が行の高さとフォントサイズとの関係を説明するのに役立ちます願っています。また、それぞれ小文字のnとxの幅であるENとEX値を使用することもできます(FYI)。 – Metagrapher

+0

@metagrapher私が本当に必要とするのは、imgの高さとして使用する、行の高さです。 Sebastian Patane Masuelliは私にライン高さを設定させました。つまり、既に設定されているため、実行時のライン高さを計算したり知ったりすることはありません。 –

+0

私はまだ行の高さをemで設定する方法を理解していません(上記で説明したものに基づいています)。その場合は通常16pxのデフォルトを使用していると思います。私を混乱させる/不明瞭に思える。 – Metagrapher

答えて

3

画像は、例のテキストの行と同じ高さです。 (see it here)。 プロジェクト内で異なって見える場合は、line-height: 1emをテーブルに設定して、font-size: 1emを確認してください。パート2用として

alt text

+0

ありがとう、私はそれが働いたと思います。 –

+0

クールでは、あなたのイメージスタイルに 'vertical-align' CSS宣言を適用することもできます(' vertical-align:middle'はイメージをテキストの行の中央に配置します)。 –

+0

​​

テキスト
二行目

0

JavaScriptを使用する必要があると思います。

+0

可能であれば、HTMLを書く前にサーバ側の行の高さを調整したいと思います。 –

+0

ページが表示された後、各画像の画像サイズを調整したくありません。 –

+0

私はあなたがこれのためにjavascriptが必要と思わない。 –

関連する問題