Frage Entfernen von Zeilenumbrüchen nach

-Tags?


Ich habe ein Problem mit dem Entfernen von Zeilenumbrüchen nach dem <h1> Tag, wie jedes Mal, wenn es druckt, fügt es einen Zeilenumbruch direkt danach, so etwas wie <h1>Hello World!</h1> <h2>Hello Again World!</h2> druckt so aus:

Hello World!

Hello Again World!

Ich bin nicht sicher, welche Tags ich in CSS ändern muss, aber ich vermute, dass es etwas mit dem Padding oder den Rändern zu tun hat

Ich möchte auch die vertikale Polsterung wenn überhaupt möglich behalten.


75
2018-02-20 12:28


Ursprung


Antworten:


Klingt so, als ob man sie als Inline formatieren möchte. Standardmäßig, h1 und h2 sind Elemente auf Blockebene, die sich über die gesamte Breite der Linie erstrecken. Sie können sie wie folgt in Inline mit CSS ändern:

h1, h2 {
    display: inline;
}

Hier ist ein Artikel, der den Unterschied erklärt zwischen block und inline ausführlicher: http://www.webdesignfromscratch.com/html-css/css-block-und-inline/

Um die vertikale Auffüllung beizubehalten, verwenden Sie inline-block, so was:

h1, h2 {
    display: inline-block;
}

124
2018-02-20 12:29



<h1> Tags haben {display: block} einstellen. Sie sind Elemente auf Blockebene. Um dies auszuschalten:

{display: inline}

8
2018-02-20 12:29



Ich habe gerade dieses Problem gelöst, indem ich h1 Margin-Wert auf minus im HTML-Stil-Abschnitt gesetzt habe. Es funktioniert perfekt für meine Bedürfnisse.

<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>

2
2018-01-13 21:22



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

-2
2017-07-06 21:48