Pertanyaan Menghapus baris baru setelah tag

?


Saya mengalami masalah dengan menghapus linebreak setelah <h1> tag, karena setiap kali dicetak, ia menambahkan jeda baris lurus setelahnya, jadi sesuatu seperti <h1>Hello World!</h1> <h2>Hello Again World!</h2> mencetak seperti ini:

Hello World!

Hello Again World!

Saya tidak yakin tentang tag apa yang perlu saya ubah dalam CSS, tetapi saya berharap itu ada hubungannya dengan padding atau margin

Saya juga ingin menjaga padding vertikal jika memungkinkan.


75
2018-02-20 12:28


asal


Jawaban:


Terdengar seperti Anda ingin memformatnya sebagai sebaris. Secara default, h1 dan h2 adalah elemen blok-level yang menjangkau seluruh lebar garis. Anda dapat mengubahnya menjadi sejajar dengan css seperti ini:

h1, h2 {
    display: inline;
}

Inilah artikel yang menjelaskan perbedaan antara block dan inline lebih detail: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

Untuk mempertahankan padding vertikal, gunakan inline-block, seperti ini:

h1, h2 {
    display: inline-block;
}

124
2018-02-20 12:29



<h1> tag miliki {display: block} set. Mereka adalah elemen tingkat blok. Untuk mematikan ini:

{display: inline}

8
2018-02-20 12:29



Saya baru saja memecahkan masalah ini dengan menetapkan nilai margin h1 ke minus di bagian gaya html. Ini bekerja dengan sempurna untuk kebutuhan saya.

<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