Hướng dẫn how to reduce space between lines in html - cách giảm khoảng cách giữa các dòng trong html

Tôi muốn loại bỏ các khoảng trống giữa các đoạn văn để tất cả văn bản của tôi không có bất kỳ khoảng trống nào giữa nhau, nhưng tôi không biết tôi nên sử dụng proprety nào.

Tôi nhận thức được line-height, nhưng đã cố gắng làm rối tung xung quanh với các giá trị khác nhau và không thể tìm thấy đúng.

Mã ví dụ:


p
{
  margin:0;
  padding:0;
  font-size:60px;
}
div
{
  margin:0;
  padding:0;
  background-color:red;
}

test

test

Hình ảnh mã [tôi muốn xóa không gian giữa "kiểm tra" và "kiểm tra"]:

Hỏi ngày 22 tháng 8 năm 2013 lúc 23:54Aug 22, 2013 at 23:54

PachapachaPacha

1.4283 huy hiệu vàng23 Huy hiệu bạc46 Huy hiệu đồng3 gold badges23 silver badges46 bronze badges

6

Đối với bộ

test

test

0 đầu tiên:

test

test

1 và cho lần thứ hai ____10:

test

test

3 đồng thời. Nó sẽ giống như:

test

test

Đã trả lời ngày 26 tháng 11 năm 2018 lúc 9:57Nov 26, 2018 at 9:57

Kaaveh Mohamedikaaveh MohamediKaaveh Mohamedi

1.1571 Huy hiệu vàng14 Huy hiệu bạc 30 Huy hiệu Đồng1 gold badge14 silver badges30 bronze badges

Không gian đó không phải giữa các đoạn văn. Đó là không gian được trao cho chính các nhân vật. Loại có khoảng trắng xung quanh nó [một phần để chứa những người lên ngôi và hậu duệ].

Nếu bạn muốn xóa không gian giữa các dòng văn bản, thì bạn cần đặt văn bản vào cùng một đoạn và điều chỉnh chiều cao dòng.

Nhưng ngay cả sau đó, lưu ý rằng bạn sẽ không bao giờ có được chính xác này, vì mọi kiểu chữ và phông chữ sẽ có các số liệu khác nhau và bạn sẽ không biết chính xác thì phông chữ nào sẽ được hiển thị trên màn hình của người dùng cuối. Sử dụng phông chữ web sẽ làm cho mọi thứ dễ dự đoán hơn cho bạn.

Đã trả lời ngày 22 tháng 8 năm 2013 lúc 23:58Aug 22, 2013 at 23:58

DA.DA.DA.

39.1k48 Huy hiệu vàng146 Huy hiệu bạc211 Huy hiệu đồng48 gold badges146 silver badges211 bronze badges

Kiểm tra điều này: //jsfiddle.net/a45mm/

HTML

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

CSS

p {
    font-size : 30px;
    background-color : #cfc;
    padding : 0;
    margin : 0;
    line-height : 20px;
}
#p2 {
    background-color : #fcc;
}

Bạn cần sử dụng tất cả ba thuộc tính sau đây

  1. test

    test

    4: Điều này sẽ loại bỏ không gian giữa hai đoạn.
  2. test

    test

    5: Điều này sẽ loại bỏ không gian giữa đường viền và văn bản của mỗi đoạn văn
  3. test

    test

    6: Điều này sẽ giảm khoảng cách giữa các dòng khác nhau trong mỗi đoạn. Giá trị

    test

    test

    7 cho thuộc tính này sẽ mang tất cả các dòng trong một dòng chồng chéo mọi thứ.

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:06Aug 23, 2013 at 0:06

Sasidhar Vangasasidhar VangaSasidhar Vanga

3.3642 Huy hiệu vàng26 Huy hiệu bạc46 Huy hiệu đồng2 gold badges26 silver badges46 bronze badges

Try:

test

test

8

Theo mặc định, đáy lề là 1em

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:01Aug 23, 2013 at 0:01

Vấn đề có thể được giải quyết bằng chiều cao dòng, kiểm tra fiddle này.


p
{
  margin:0;
  padding:0;
  font-size:60px;
    line-height:30px;
}
div
{
  margin:0;
  padding:0;
  background-color:red;
}

test

test

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:02Aug 23, 2013 at 0:02

Hamza Dhamiyahamza DhamiyaHamza Dhamiya

1.2191 Huy hiệu vàng10 Huy hiệu bạc16 Huy hiệu đồng1 gold badge10 silver badges16 bronze badges

2

Tôi nghĩ những gì bạn đang tìm kiếm là chiều cao dòng: 1em. EM tương đối với kích thước phông chữ, vì vậy 2EM có nghĩa là kích thước gấp hai lần của phông chữ.

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:01Aug 23, 2013 at 0:01

Vấn đề có thể được giải quyết bằng chiều cao dòng, kiểm tra fiddle này.Sachman Bhatti

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:021 gold badge3 silver badges9 bronze badges

Hamza Dhamiyahamza Dhamiya

1.2191 Huy hiệu vàng10 Huy hiệu bạc16 Huy hiệu đồng

p
{
  margin: 0;
  padding:0;
  font-size:60px;
  line-height: .75em;
}

Tôi nghĩ những gì bạn đang tìm kiếm là chiều cao dòng: 1em. EM tương đối với kích thước phông chữ, vì vậy 2EM có nghĩa là kích thước gấp hai lần của phông chữ.Aug 23, 2013 at 0:04

Sachman Bhattisachman Bhattichucknelson

3331 Huy hiệu vàng3 Huy hiệu bạc9 Huy hiệu đồng3 gold badges24 silver badges30 bronze badges

Bạn có thể điều chỉnh chiều cao dòng để có được khoảng cách tối thiểu mà bạn đang tìm kiếm.

Fiddle: //jsfiddle.net/chucknelson/utwxk/

Đã trả lời ngày 23 tháng 8 năm 2013 lúc 0:04Nov 20, 2019 at 17:42

1

Chucknelsonchucknelson

.p1{
  margin-bottom:0px;
}

2.3203 Huy hiệu vàng24 Huy hiệu bạc 30 Huy hiệu Đồng

.p2{
  margin : 0; 
  padding-top:0;
}

giúp trong một số trường hợp, vì vậy bạn có thể muốn thử điều đó.

Đây là một đoạn tôi muốn tác phẩm này được riêng biệt

Đã trả lời ngày 20 tháng 11 năm 2019 lúc 17:4221 gold badges75 silver badges128 bronze badges

Tôi đã thấy rằng việc thêm mã CSS này vào dòng đầu tiên:Jan 9, 2021 at 18:20

Và, điều này cho dòng tiếp theo:

test

test

Là giải pháp hiệu quả nhất.Apr 2, 2021 at 13:18

Dharman ♦

Đã trả lời ngày 22 tháng 8 năm 2013 lúc 23:58Aug 22, 2013 at 23:58

39.1k48 Huy hiệu vàng146 Huy hiệu bạc211 Huy hiệu đồngTHE AMAZING

Kiểm tra điều này: //jsfiddle.net/a45mm/2 gold badges16 silver badges38 bronze badges

2

Làm cách nào để giảm khoảng cách giữa hai hàng trong bảng HTML?

Không gian giữa các ô bảng được điều khiển bởi thuộc tính tế bào trong thẻ bảng.Bằng cách đặt định vị ô thành 0, bạn có thể xóa tất cả khoảng trống giữa các ô của bảng.By setting CELLSPACING to zero, you can remove all the space between the cells of your table.

Làm cách nào để thay đổi khoảng cách dòng trong HTML?

Để thay đổi khoảng cách dòng trên trang web hoặc trang HTML, hãy tạo quy tắc CSS có chiều cao dòng tương tự như ví dụ dưới đây.Sử dụng mã CSS ở trên, trong HTML hoặc CSS bên ngoài của bạn, điều chỉnh độ cao dòng theo chiều cao 1.7EM cho tất cả các thẻ đoạn văn.create a line-height CSS rule similar to the example below. Using the above CSS code, in your HTML or an external CSS, adjusts the line-height to a height of 1.7em for all paragraph tags.

Làm cách nào để giảm không gian thẳng đứng trong HTML?

HTML cho phép một người giảm không gian thẳng đứng, sử dụng một cái gì đó như p {margin -top: -20px;} hoặc như thể hiện bằng số lượng địa điểm trên mạng.Ví dụ, cách làm giảm không gian giữa các-p-TAG.p { margin-top: -20px; } or such as shown in number of places on the net. For example how-to-reduce-the-space-between-p-tags.

Bài Viết Liên Quan

Chủ Đề