Tôi đang gặp sự cố với việc xóa dấu ngắt dòng sau <h1>thẻ, vì mỗi khi thẻ in, nó lại thêm dấu ngắt dòng ngay sau thẻ, vì vậy, một cái gì đó giống như <h1>Hello World!</h1> <h2>Hello Again World!</h2>in ra như sau:
Hello World!
Hello Again World!
Tôi không chắc mình cần thay đổi những thẻ nào trong CSS, nhưng tôi hy vọng đó là điều gì đó liên quan đến phần đệm hoặc lề
Tôi cũng muốn giữ phần đệm dọc nếu có thể.
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, h1và h2là các phần tử cấp khối kéo dài toàn bộ chiều rộng của dòng. Bạn có thể thay đổi chúng thành nội tuyến với css như sau:
h1, h2 {
display: inline;
}
Đây là bài viết giải thích sự khác biệt giữa blockvà inlinechi tiết hơn: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
Để duy trì đệm dọc, hãy sử dụng inline-block, như sau:
h1, h2 {
display: inline-block;
}
<h1>thẻ đã {display: block}được thiết lập. Chúng là các phần tử cấp khối. Để tắt tính năng này:
{display: inline}
h*thẻ.
Tôi vừa giải quyết vấn đề này bằng cách đặt giá trị lề h1 thành trừ 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>
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>