<span>HTML ナラティブ フローの要素では、クリックが検出される領域を拡大するために (一部のスパンには 1 文字のみのコンテンツがあります)、次のように定義されたクラスにパディング (負のマージンでオフセット) を追加しています。
.expand-click-area {
display:inline-block;
padding:5px;
margin:-5px;
position:relative;
}
これは、クリック動作に関してはうまく機能します。問題は、Chrome 19 では、次のような場合に、スパンと次のコンマの間で改行が発生することがあります。
<span class="expand-click-area">this is span text</span>,
これを防ぐ方法について何か考えはありますか？<span>本質的には、がまったくない場合、または がない場合と同等の動作を壊したいと考えていますdisplay:inline-block。
この動作は IE10 では発生しないようです。http://jsfiddle.net/58XdJ/1/で例を参照してください。