Html CSS删除行之间的间距

Html CSS删除行之间的间距,html,css,Html,Css,是否可以删除两个居中对齐文本之间的间距 HTML: <div id="content2"> <p class="t1">Discover</p> <p class="t1">Discover</p> </div> 代码笔: 我也从这条线索改编: 当我增加行高时,content2和p之间的间距也会增加 我正在寻找与此类似的输出: 每次我增加行距时,它也会影响第一个Pharmagra

是否可以删除两个居中对齐文本之间的间距

HTML:

  <div id="content2">
       <p class="t1">Discover</p>
       <p class="t1">Discover</p>
    </div>
代码笔:

我也从这条线索改编:

当我增加行高时,
content2
p
之间的间距也会增加

我正在寻找与此类似的输出:

每次我增加行距时,它也会影响第一个Pharmagraph的间距
内容2

您可以为段落使用两个类,并为其使用
页边距顶部
属性

#内容2{
明确:两者皆有;
溢出:自动;
}
.t1{
字体大小:粗体;
字体大小:60px;
颜色:黑色;
文本对齐:居中;
}
p{
字体大小:30px;
填充:0;
利润率:30像素;
线高:20px;
}
t{
利润上限:-20px;
}

测试

试验

您可以为段落使用两个类,并为其使用
页边距顶部
属性

#内容2{
明确:两者皆有;
溢出:自动;
}
.t1{
字体大小:粗体;
字体大小:60px;
颜色:黑色;
文本对齐:居中;
}
p{
字体大小:30px;
填充:0;
利润率:30像素;
线高:20px;
}
t{
利润上限:-20px;
}

测试

试验


您能做的最好的事情是从p标签上删除边距/填充,并调整行高

作为一个例子,看看这个

Html:


您所能做的最好的方法是从p标记中删除边距/填充,并调整线条高度

作为一个例子,看看这个

Html:


添加之后!重要的是你的代码,然后它的工作。谢谢你的建议。正在寻找firefox的修复程序,但我想这就可以了。很高兴我能提供帮助。等待批准您的答案,非常感谢您的努力。还有一个简短的问题。刚才有人在删除之前发布了他们的答案。我看到他过去常在一本药典上叫两个班。有可能在一个元素中继承两个class/id吗?这里的注释有点不好,无法给出更长的解释。简言之:类是,ID否。查看此链接,他们会更好地解释它。添加后!重要的是你的代码,然后它的工作。谢谢你的建议。正在寻找firefox的修复程序,但我想这就可以了。很高兴我能提供帮助。等待批准您的答案,非常感谢您的努力。还有一个简短的问题。刚才有人在删除之前发布了他们的答案。我看到他过去常在一本药典上叫两个班。有可能在一个元素中继承两个class/id吗?这里的注释有点不好,无法给出更长的解释。简言之:课程是的,ID不是。看看这个链接,他们解释得更好一些。是的,你就是我要找的人!我刚才看到你删除了你的评论。这是我第一次把两门课变成一门药学课。我的意思是,你正在覆盖pharagraph。我看不到你上传的图像。所以我猜你想要什么。我希望能帮助你。哦,这不是图像,它实际上是一个名为content2的容器。因此,从容器的顶部2我设置了一个填充顶部,这是您早些时候建议的。最重要的是,两个法老之间的界线是我的问题。谢谢你的帖子!是的,你就是我要找的人!我刚才看到你删除了你的评论。这是我第一次把两门课变成一门药学课。我的意思是,你正在覆盖pharagraph。我看不到你上传的图像。所以我猜你想要什么。我希望能帮助你。哦,这不是图像,它实际上是一个名为content2的容器。因此,从容器的顶部2我设置了一个填充顶部,这是您早些时候建议的。最重要的是,两个法老之间的界线是我的问题。谢谢你的帖子!
    #content2 {
        clear: both;
        overflow: auto;
    }

    .t1 {
      font-weight: bold;    
      font-size:60px;   
      color: black;
        text-align: center;
    }

p {
    font-size : 30px;
    padding : 0;
    margin : 30px;
    line-height : 20px;
}
<div id="content2">
   <p class="t1">testGg</p>
   <p class="t1">testgG</p>
   <p class="t1">testGg</p>
</div>
#content2 {
    clear: both;
    overflow: auto;
}

.t1 {
    font-weight: bold;  
    font-size:60px; 
    line-height:60px;
    color: black;
    text-align: center;
}

p {
    padding : 0;
    margin : 0;
}