首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否删除<h1>标记后的换行符?

是否删除<h1>标记后的换行符?
EN

Stack Overflow用户
提问于 2012-02-20 20:28:11
回答 4查看 154.8K关注 0票数 100

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

代码语言:javascript
复制
Hello World!

Hello Again World!

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

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-02-20 20:29:58

听起来您想要将它们格式化为内联。默认情况下,h1h2是跨越整个线条宽度的块级元素。您可以将它们更改为内联css,如下所示:

代码语言:javascript
复制
h1, h2 {
    display: inline;
}

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

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

代码语言:javascript
复制
h1, h2 {
    display: inline-block;
}
票数 166
EN

Stack Overflow用户

发布于 2012-02-20 20:29:52

<h1>标记设置了{display: block}。它们是块级元素。要关闭此功能,请执行以下操作:

代码语言:javascript
复制
{display: inline}
票数 11
EN

Stack Overflow用户

发布于 2015-01-14 05:22:28

我刚刚通过在html样式部分中将h1边距值设置为负来解决这个问题。它完美地满足了我的需求。

代码语言:javascript
复制
<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>
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9361108

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档