Question

我在删除<h1>标记之后的换行符时遇到问题，因为每次打印时，它都会在其后面添加换行符，因此类似<h1>Hello World!</h1> <h2>Hello Again World!</h2>的内容会打印出来：

Hello World!

Hello Again World!

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

我还想尽可能保持垂直填充。

Answer 1

听起来你想将它们格式化为内联。默认情况下，h1和h2是块级元素，跨越整个行的宽度。您可以将它们更改为内嵌css，如下所示：

h1, h2 {
    display: inline;
}

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

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

h1, h2 {
    display: inline-block;
}

Answer 2

<h1>个代码设置为{display: block}。它们是块级元素。关闭此功能：

{display: inline}

Answer 3

我刚刚通过在html样式部分中将h1边距值设置为负来解决了这个问题。它完全符合我的需要。

<style>
h1 { 
    display: block;
    font-size: 0.9em;
    margin-top: -1.91em;
    margin-bottom: -1.91em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>

Answer 4

<style>
h1 {
    padding: 0px;
    margin: 0px;
}
</style>

删除<h1>标记后的换行符？</h1>

4 个答案: