是否删除<h1>标记后的换行符？
是否删除<h1>标记后的换行符？
提问于 2012-02-20 20:28:11
我在删除<h1>标签后面的换行符时遇到了一个问题，因为每次打印时，它都会在后面直接添加一个换行符，所以像<h1>Hello World!</h1> <h2>Hello Again World!</h2>这样的东西打印出来是这样的：
Hello World!
Hello Again World!我不确定我需要在CSS中更改哪些标签，但我希望这与填充或页边距有关
如果可能的话，我还想保留垂直填充。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-02-20 20:29:58
听起来您想要将它们格式化为内联。默认情况下，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;
}Stack Overflow用户
发布于 2012-02-20 20:29:52
<h1>标记设置了{display: block}。它们是块级元素。要关闭此功能，请执行以下操作：
{display: inline}Stack Overflow用户
发布于 2015-01-14 05:22:28
我刚刚通过在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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9361108
复制相关文章
相似问题
腾讯云开发者
