0

要素を作成し、CSS 表示をインライン ブロックに設定します。次に、firebug と jquery .width() で幅を測定すると、同じ値が返され、この要素の幅が正しいと思います。

しかし、CSS を使用して測定幅を設定しようとすると、インライン ブロック要素内のテキストが別の行に分割されます。理由がわかりません。

この問題は Firefox と IE に関連しています。FF20とIE9を使用しています。ここで自分で試すことができますhttp://jsfiddle.net/BMma2/1/

これは私が使用したコードです。CSS で幅のコメントを外すだけで表示されます。

<p id="test">Some test string</p>

p {
    padding: 3px 10px; 
    font-size: 28px; 
    height: 33px; 
    color: rgb(255, 255, 255); 
    background-color: rgb(88, 88, 88); 
    font-weight: bold; 
    display: inline-block; 
    /*width: 191px;*/
}

また、ディスプレイをブロックするように設定しようとしましたが、役に立ちません。

4

2 に答える 2

1

ディスプレイをインラインに設定すると、少なくとも FF で修正されます。

または、別のピクセルまたは 2 ピクセルの幅を追加すると修正されるはずです。一般的には、インライン スタイルを持つ要素の数を最小限に抑える必要があるため、これはおそらくより好ましい方法です。

于 2013-05-01T16:39:35.520 に答える