0

スペースを'sに置き換えたので 、前の質問に答えましたが...

このバグの原因はまだわかりません:http://jsfiddle.net/cEkQG/

最初の段落がどのように子(つまりinline-blocks)の末尾/先頭のスペースを失ったかを見てください。spansのマークアップは1行の段落にあることに注意してください。

2番目の段落にはスペースがありますが、spansここのマークアップはそれぞれ別の行にあります。

このバグは最新のChromeと最新のFirefox(12に更新されたばかり)で発生しますが、他のブラウザではまだテストされていません。

この奇妙なバグ/動作の背後にある理由は何ですか?

4

4 に答える 4

4

ブロック(特にインラインブロック)の先頭と末尾の空白は削除されます。インラインブロック内の末尾のスペースをインラインブロックの外側に移動します—終了タグの後。改行も空白です。そのため、複数行の例は期待どおりに機能します。

于 2012-05-06T21:29:16.087 に答える
0

要素は他のブロック要素ではなくテキストと「インライン」になるため、display: inline代わりに使用します。http://jsfiddle.net/elclanrs/cEkQG/1/inline-block

于 2012-05-06T21:27:41.943 に答える
0
<span class="item">Lorem Ipsum is simply dummy text</span> <span class="item">of the printing and typesetting</span><span class="item"> industry.</span>
于 2012-05-06T21:38:14.497 に答える
0

これが機能しない理由は、。ノーブレークスペースの略であり、ノーブレークスペースであるため、ノーブレークスペースをラップすることはできません。

于 2019-02-05T02:03:13.877 に答える