代码之家  ›  专栏  ›  技术社区  ›  B.Gen.Jack.O.Neill

CSS将段落放在标题下

  •  0
  • B.Gen.Jack.O.Neill  · 技术社区  · 16 年前

    我想把段落文字放在标题下。我将两者的边距和填充设置为0,但它们之间仍然有很小的差距。为什么?谢谢

    3 回复  |  直到 16 年前
        1
  •  1
  •   Xaver    16 年前
    line-height:1em;
    

    还为测试添加边界:

    border:1px solid #f00;
    
        2
  •  1
  •   CristiC jason.zissman    16 年前

    它来自标题的行高属性。

    试着这样做:

    <h1 style="margin:0; padding:0; line-height:1em;">Heading</h1>
    <p style="margin:0;">Paragraph</p>
    
        3
  •  0
  •   Jon Harding    16 年前

    确保你移除了上面标题的底部填充物和边距,你应该被设置好

    <style>
    .h2 { margin-bottom:0px; padding-bottom:0px; }
    p { margin:0px; padding:0px 0px 15px 0px; }
    </style>
    

    我在段落标签中添加了一个填充底部,这样你就可以在每个标签之间进行分隔 <p> 标签