移除两个文本元素

和

之间的垂直间距

10 浏览
0 Comments

移除两个文本元素

和

之间的垂直间距

在两个文本元素之间无法找到如何去除垂直间距。这个网站上有一些类似的问题，但似乎并不起作用。

HTML代码：

this website is 
Encrypted

看起来我需要使用一个位置代码，但是当我使用一个位置代码让其他元素靠近它时，文本就会被推到网站的另一个位置。

0

2 答案

0 Comments

通过使用CSS去除元素之间的空白间隔：

水平间隔（上下间隔）

h1, p {
margin-top: 0;
margin-bottom: 0;
line-height: /* 调整以适应奇怪的字体 */;
}

垂直间隔（左右间隔）

.parent {
font-size: 0;
line-height: 0;
}
h1, p {
font-size: 12px;
margin: 0;
display: inline-block;
}

[JSFIDDLE](https://jsfiddle.net/j4638zfm/1/)

原因：在HTML中，`

`和`

`标签默认带有一些垂直间隔，导致它们之间存在空白。

解决方法：通过CSS的`margin`属性和`line-height`属性来调整间隔。将`

`和`

`的上下间隔设置为0，以去除垂直间隔。对于水平间隔，可以创建一个父元素，并将其字体大小和行高都设置为0，然后将`

`和`

`的字体大小和`margin`属性重新设置为需要的值。最后，将`

`和`

`设置为`display: inline-block;`以使它们在同一行显示。

以上是解决“Remove vertical space between two text elements

and

”问题的方法。

0
0 Comments

问题出现的原因是因为浏览器对元素有预设的样式，p和标题标签有设置了外边距。解决方法是使用margin: 0;来更改样式，也可以使用CSS Reset来避免这些问题。此外，不建议在代码中使用<h1>标签来表示"encrypted"这个词。感谢大家的回答，不确定为什么有这么多人不喜欢这篇文章，可能是因为这个网站不太适合新手。如果提供更多上下文信息，就可以更好地回答问题。通常情况下，您应该包含您的CSS（或任何您尝试过的内容）。大家也喜欢看到问题的jsfiddle.net链接。

0