html - 跨多行包装标记时如何避免空格

Question

friend 。我正在使用 atom 编写 html 代码。每次输入“p”，它都会自动生成三行代码:

<p>

</p>

现在我给出一个内联类，将两个 p 元素放在一行中:

.inline {
  display:inline-block;
 }

<p class="inline">
  Hi, friend
</p>
<p class="inline">
  s
</p>

我希望它在浏览器中显示"Hi, friends"，但它显示"Hi, friend s"，"friend"和"s"之间有一个空格。我知道问题是 html 将换行符视为空格。所以如果我将代码写为 <p class="inline">Hi, friend</p><p class="inline">s</p> ，那么我就可以得到我想要的结果。所以我有两个问题:

1. 写多行代码时，是否可以避免不必要的空间？(我尝试在网上搜索，只得到答案“否”:Advanced HTML multiline formatting - removing not need spaces from new lines )
2. 如果 No.1 做不到，我可以只在一行中自动完成 p 元素吗 <p></p>在使用 atom 时？(实际上，在自动完成代码后，我可以使用 Ctrl+J 来连接两行。但是，这仅适用于两行(不是 3 行或更多行)并且会将原始换行符更改为空格)

真诚等待答案。谢谢。

Answer 1

您好，您可以删除空格，请参阅我的 fiddle here

你可以像这样保持在一行中来做到这一点

<p>Hi, friend</p><p>s</p>

p{
    margin: 0;
    display: inline;
}

或者通过这个方法

<div class="parent1">
  <p>Hi, friend</p>
  <p>s</p>
</div>

p{
    margin: 0;
    display: inline;
}
.parent1 { 
    font-size: 0;
}
.parent1 p {
    font-size: 16px;
}