我在删除<h1>
标签后的换行符时遇到问题,因为每次打印时,它都会在标签后直接添加换行符,因此像这样<h1>Hello World!</h1> <h2>Hello Again World!</h2>
打印出来:
Hello World!
Hello Again World!
我不确定在CSS中需要更改哪些标签,但是我希望这与填充或边距有关
我也想尽可能保持垂直填充。
Answers:
听起来好像您想将它们格式化为嵌入式格式。默认情况下,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;
}
<h1>
标签已{display: block}
设置。它们是块级元素。要关闭此功能:
{display: inline}
h*
标签后总是会有换行符。
我只是通过在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>