Câu hỏi Xóa dòng mới sau thẻ

?


Tôi đang gặp sự cố khi xóa các dấu ngắt dòng sau <h1> thẻ, như mọi khi nó in, nó thêm một ngắt dòng ngay sau nó, vì vậy một cái gì đó như <h1>Hello World!</h1> <h2>Hello Again World!</h2> in ra như thế này:

Hello World!

Hello Again World!

Tôi không chắc chắn về những gì tôi cần phải thay đổi trong CSS, nhưng tôi hy vọng nó là một cái gì đó để làm với padding hoặc lề

Tôi cũng muốn giữ phần đệm dọc nếu có thể.


76
2018-02-20 12:28


gốc




Các câu trả lời:


Có vẻ như bạn muốn định dạng chúng dưới dạng nội tuyến. Theo mặc định, h1 và h2 là các phần tử cấp khối trải rộng toàn bộ chiều rộng của đường kẻ. Bạn có thể thay đổi chúng thành inline với css như sau:

h1, h2 {
    display: inline;
}

Đây là một bài viết giải thích sự khác biệt giữa block và inline chi tiết hơn: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

Để duy trì đệm dọc, sử dụng inline-block, như thế này:

h1, h2 {
    display: inline-block;
}

124
2018-02-20 12:29





<h1> thẻ có {display: block} bộ. Chúng là các phần tử mức khối. Để tắt tính năng này:

{display: inline}

8
2018-02-20 12:29



theo mặc định thẻ h sử dụng lề, đệm để chúng tôi phải xóa các thẻ này - Adeel Mughal
Tôi cũng muốn giữ phần đệm dọc nếu có thể, tôi đã thử hiển thị: inline ;, nhưng nó không còn có phần đệm dọc nữa. - Jack Wilsdon
xin vui lòng thêm padding bao nhiêu bạn muốn trong nó ... - Adeel Mughal
và bạn có thể đặt lề và đệm nếu bạn muốn ... - Adeel Mughal
loại bỏ đệm và lề không loại bỏ dòng mới. dòng mới được tạo ra bởi vì chúng là các phần tử mức khối, có nghĩa là chúng chiếm toàn bộ không gian nằm ngang mà chúng xuất hiện (theo mặc định). Vì vậy, trừ khi bạn làm nổi, thay đổi hiển thị hoặc một số thuộc tính khác, bạn sẽ luôn luôn có một dòng mới sau một h* nhãn. - tkone


Tôi chỉ giải quyết vấn đề này bằng cách thiết lập giá trị lề h1 để trừ đi trong phần kiểu html. Nó hoạt động hoàn hảo cho nhu cầu của tôi.

<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



Điều này làm việc để loại bỏ phần đệm dọc thay vì ngắt dòng. - juil


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

-2
2017-07-06 21:48