0

内部にスパンスタイルを持つ段落クラスを中央に配置しようとしています.スパンクラスには異なるサイズのフォントがあり、段落クラスが右に少し遠すぎるため、段落クラスが完全に中央に配置されません(私はかなり確信しています)これがまさにその理由だ）。ここに私のHTMLがあります：

<p class="priceWrap"><span class="moneySign">$</span>60000.50</p>

ここに私のCSSがあります：

.priceWrap {
text-align: center;
font-size: 20px;

.moneySign{
font-size: 14px;
vertical-align: text-top;
}
4

4 に答える 4

0

テキストが中央揃えになっていることがわかるように、サイズを大きくしました。 

<style>
    .priceWrap {
        text-align: center;
        font-size: 100px;
    }

    .moneySign{
        font-size: 15px;
        color:red;
        text-align: center;
        vertical-align: middle;
    }
</style>
于 2013-08-03T07:30:33.797 に答える
0

実際にはかなり問題ないように見えますが、少なくとも本当の問題はわかりません。フィドルを見てください

--> フィドル <--

.priceWrap の } が欠落していることに気付きました。おそらくそれが問題の原因です。

于 2013-08-03T07:05:04.067 に答える
0

あなたは近い .priceWrap クラスを持っています 

<style>
    .priceWrap {
    text-align: center;
    font-size: 20px;
    }

   .moneySign{
   font-size: 140px;
   vertical-align: text-top;
   color:red;
    }
</style>
于 2013-08-03T07:06:35.353 に答える
0

使用する必要があります

 line-height

あなたの子要素のために：

.moneySign{

 line-height: 20px;
 font-size: 10px;
 vertical-align: text-top;
 }

これで、ドル記号が段落の高さの半分の垂直方向の中央に配置されます

http://jsfiddle.net/kul_mi/vqC9Q/ - 実例

于 2013-08-03T07:09:11.533 に答える