-1

段落内の行の高さを 1.0 に保とうとしています。私が使用しているCSSクラスは次のとおりです。

.bottombarinfo{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.0;}

これは、HTML コードで CSS クラスを使用している場所です。これは、段落/スパンです。

    <p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft">
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and
Apple's iPhone 5?</span></p>

画像を段落の外に置いて、スパンを削除/変更しようとしましたが、Firefox、chrome、IE の 3 つの主要なブラウザーはすべて、行の高さが 2.0 に近いテキストの間隔を空けます。では、ブラウザに line-height 1.0 を表示させるにはどうすればよいでしょうか? 前もって感謝します！

4

2 に答える 2

0 
<p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft" />
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and

アップルのiPhone 5？

.bottombarinfo {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 300%;
}

Jsフィドル

ここで遊んで、好きな場所に手に入れましょう

于 2013-04-10T20:09:04.047 に答える
0

ブラウザのデフォルト スタイルを防ぐためにリセット スタイルシートを使用してみましたか? それらは Web 上で見つけられ、無料でダウンロードできます。必ず最初のスタイルシートとして配置してください。

于 2013-04-10T18:55:19.147 に答える