html - 删除 <h1> 标签后的换行符？

Question

我在删除 <h1> 之后的换行符时遇到问题标记，因为每次打印时，它都会在它后面直接添加一个换行符，所以类似于 <h1>Hello World!</h1> <h2>Hello Again World!</h2>打印出来是这样的:

Hello World!

Hello Again World!

我不确定我需要更改 CSS 中的哪些标签，但我希望它与填充或边距有关

如果可能的话，我还想保留垂直填充。

Answer 1

听起来您想将它们格式化为内联格式。默认情况下，h1 和 h2 是 block 级元素，它们跨越整个行宽。您可以像这样将它们更改为与 css 内联:

h1, h2 {
    display: inline;
}

这里有一篇文章更详细地解释了 block 和 inline 之间的区别:http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

要保持垂直填充，请使用 inline-block，如下所示:

h1, h2 {
    display: inline-block;
}