511は、表示:インラインブロックは、いつギャップが表示されないのだろうか?

(ウィキペディア:

CSSレイアウト、我々は同じライン、同僚はインラインブロックに表示プロパティを設定し、表示する要素を置くこととなっている1上のいくつかの要素を表示したい、しかし、あなたはこれらのカウンターパートの要素のインラインブロック表示を見つける場合多くの場合、ある一定のギャップ、の間に発生する「改行/スペースのクリアランスの問題。」

表示:インライン;インライン要素に強制的に

表示:ブロック;ブロック要素に強制的に

そして表示:インラインブロック;名前の意味が設けられていてもよいラインブロックは、彼がラップするだけでなく、幅広い要素をブロックしない線要素の特性を持っている示唆以内前記高)

  • 削除空白
  • 負のマージンを使用してください
  • 使用フォントサイズ:0
  • 文字間隔
  • 単語間隔

例えば、


<HTML>
    <ヘッド>
      <タイトル>表示:要素原因と溶液との間のインラインブロックギャップ</タイトル>
      <スタイルタイプ= "テキスト/ cssの">
          .parent .child {
          表示:インラインブロック。
          背景色:#fdfd04。
          幅:100ピクセル;
          高さ:100pxに。
        }
        .pst1 {
            margin-left:-5px;
        }
      </スタイル>
    </ head>の
    <身体>
      <のdivクラス= "親">
        <DIV CLASS = "子"> child1の</ div>
        <のdivクラス= "子PST1"> child2の</ div>
      </ div>
    </ BODY>
   </ HTML>

 

おすすめ

転載: www.cnblogs.com/1998Archer/p/12364755.html