簡単な質問: テキストの段落の途中に画像を表示する必要がありますが、画像はフォントの各行の高さよりもわずかに大きいため、テキストの水平方向の「ギャップ」を押してスペースを空けますそれ自体のために。これを修正するには、次のことができます。
1) フォントより大きくならないように画像を縮小します。2) 使用位置:絶対
しかし、これ以上縮小したくありません。テキスト行の上下の白い領域の数ピクセルを使い切る必要があることを除いて、テキストの各行の間に「技術的に収まる」には十分小さいです。入っています。
また、position:absolute を使用することはできません。これは、画像の位置が、必要な段落ではなく、ウィンドウの左上隅になるためです。
サイズが 1 ピクセルのダミーの「プレースホルダー」画像を段落に入れることができるのではないかと考えました。次に、実際の画像で Position:Absolute を使用し、実際の画像がダミー画像と同じ場所になるように継続的に設定します。それが可能かどうかは調べていませんが、このような単純なことには少し過剰に思えます。もっと簡単な方法はありますか？
編集: 追加することがわかりました: margin:-20px; 画像のスタイル作品に!!!
margin:-20px;
JSFiddle の例: http://jsfiddle.net/j7tLX/3/