Question

我想在hr和h1标签之间，没有那么多空间。我尝试设置margin，padding，但这些都不适用于h2标签，但在h1标签上工作正常。有人知道我怎么做吗？

HTML

<div class="adresse">
   <h2>Fredag d.10 november 2016</h2><hr />
   <h1>Hotel, Copenhagen</h1>
</div>

CSS

hr {
    width: 77%;
    float: left;
    margin-top: -10px;
}
 .adresse h1{
    text-align: left;
    margin: 0px;
}

.adresse h2 {
    text-align: left;
    font-weight: 300;
    color: #3594cb;
}

Answer 1

所以下面的css文件给出了不同的值边距和h1和h2的填充。检查一下。您还可以使用Line-height设置行间距。

h1, h2 {
  margin: 0;
  padding: 0;
  line-height: 0.9;
}

Answer 2

-webkit-margin-before: 0;
-webkit-margin-after: 0;

H标签有前后边距。因此，将它们设为0可以消除差距。

Answer 3

使hr和h1之间的差距缩小line-height:15px;或h1中的其他像素值。

＆＃13;

hr {
    width: 77%;
    float: left;
    margin-top: -10px;
}
 .adresse h1{
    text-align: left;
    margin: 0px;
   line-height:15px;
}

.adresse h2 {
    text-align: left;
    font-weight: 300;
    color: #3594cb;
}

＆＃13;

<div class="adresse">
   <h2>Fredag d.10 november 2016</h2><hr />
   <h1>Hotel, Copenhagen</h1>
</div>

＆＃13;

Answer 4

<div class="adresse">
   <h2>Fredag d.10 november 2016</h2><hr />
   <br><h1>Hotel, Copenhagen</h1>
</div>

bool action = true;
for(int b=1;b<21;b++)
{
     if (i % b != 0)
           {
               action = false;
               break;
           } 
}

Answer 5

   hr {
        width: 100%;
        
        margin-bottom: 10px;
    }
     .adresse h1{
        
        margin: 0px;
      
    }

    .adresse h2 {
       
        font-weight: 300;
        color: #3594cb;
      
    }

 


    <div class="adresse">
       <h2>Fredag d.10 november 2016</h2><hr />
       <h1>Hotel, Copenhagen</h1>
    </div>

Answer 6

备注：

您遇到的问题是由 margin-top 元素中的 h1 和 {{1默认情况下存在的 margin-bottom 。

请务必使用 h2 margin: 0 ，然后您的元素将彼此非常接近。

然后你可以稍微调整一下，找到你想要的平衡点：

CSS代码：

如果您使用第二段代码，请将其放在各个元素的实际样式之前，以便您可以根据需要覆盖它们。

hr

jsFiddle：→here

Answer 7

使用此

 h1,h2{
          margin:0 !important;
          padding:0 !important;
    }

Answer 8

你是否想要取得这样的成就

hr {
    width: 77%;
    float: left;
    margin-top: -10px;
}
 .adresse h1{
    text-align: left;
    margin: 0px;
}

.adresse h2 {
    text-align: left;
    font-weight: 300;
    color: #3594cb;
  padding: 40px;
    margin: 26px;
}

<div class="adresse">
   <h2>Fredag d.10 november 2016</h2><hr />
   <h1>Hotel, Copenhagen</h1>
</div>

hr和h2标签之间的空格

8 个答案: