Hướng dẫn how do i get rid of text spacing in html? - làm cách nào để loại bỏ khoảng cách văn bản trong html?

Giá trị cố định âm

Chúng ta hãy xem những gì sẽ xảy ra nếu chúng ta áp dụng giá trị âm cho thuộc tính khoảng cách từ.

• text-indent
• letter-spacing
• line-height

• p { word-spacing: 5px; }

  0

• p { word-spacing: 5px; }

  1

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã xóa 3PX khoảng trống giữa các từ bằng cách đặt giá trị -3px cho thuộc tính khoảng cách từ. Điều này loại bỏ một số khoảng cách từ đã được thêm vào bởi phông chữ đã chọn.

Bình thường

Cuối cùng, chúng ta hãy xem văn bản này sẽ như thế nào nếu chúng ta đặt thuộc tính khoảng cách từ thành bình thường [hoặc mặc định, nếu thuộc tính khoảng cách từ không được đặt].

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã đặt thuộc tính khoảng cách từ thành bình thường, điều đó có nghĩa là khoảng cách giữa các từ được xác định bởi phông chữ được chọn.

Khoảng cách văn bản

Trong chương này, bạn sẽ tìm hiểu về các thuộc tính sau:

Văn bản thụt lề

Thuộc tính text-indent được sử dụng để chỉ định thụt vào dòng đầu tiên của văn bản:

Khoảng cách chữ cái

Thuộc tính letter-spacing được sử dụng để chỉ định không gian giữa các ký tự trong một văn bản.

Ví dụ sau đây cho thấy cách tăng hoặc giảm không gian giữa các ký tự:

Chiều cao giữa các dòng

Thuộc tính line-height được sử dụng để chỉ định không gian giữa các dòng:

Khoảng cách từ

p { word-spacing: 5px; }

p { word-spacing: 5px; }

Giá trị cố định âmword-spacing with syntax and examples.

Sự mô tả

Chúng ta hãy xem những gì sẽ xảy ra nếu chúng ta áp dụng giá trị âm cho thuộc tính khoảng cách từ.

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã xóa 3PX khoảng trống giữa các từ bằng cách đặt giá trị -3px cho thuộc tính khoảng cách từ. Điều này loại bỏ một số khoảng cách từ đã được thêm vào bởi phông chữ đã chọn.

Bình thường

word-spacing: value;

Cuối cùng, chúng ta hãy xem văn bản này sẽ như thế nào nếu chúng ta đặt thuộc tính khoảng cách từ thành bình thường [hoặc mặc định, nếu thuộc tính khoảng cách từ không được đặt].

Hướng dẫn CSS này giải thích cách sử dụng thuộc tính CSS được gọi là khoảng cách từ với cú pháp và ví dụ.

Ghi chú

• Nếu thuộc tính khoảng cách từ được biểu thị dưới dạng giá trị cố định, nó có thể là giá trị dương hoặc âm.
  • Một giá trị dương sẽ thêm không gian bổ sung giữa các từ [ngoài khoảng cách tiêu chuẩn cho phông chữ].
  • Một giá trị âm sẽ loại bỏ không gian giữa các từ.
• Nếu thuộc tính khoảng cách từ được đặt thành bình thường, phông chữ được chọn sẽ xác định khoảng cách giữa các từ.

tính tương thích của trình duyệt web

Thuộc tính khoảng cách từ CSS có hỗ trợ cơ bản với các trình duyệt sau:

• Trình duyệt Chrome
• Firefox [Gecko]
• Internet Explorer 6+ [tức là 6+]
• Opera
• Safari [Webkit]

Thí dụ

Chúng tôi sẽ thảo luận về thuộc tính khoảng cách từ bên dưới, khám phá các ví dụ về cách sử dụng thuộc tính này trong CSS.

Giá trị cố định dương

Chúng ta hãy xem một ví dụ trong đó chúng ta đặt không gian bổ sung giữa các từ sử dụng thuộc tính khoảng cách từ với giá trị cố định dương.

CSS sẽ trông như thế này:

p { word-spacing: 5px; }

HTML sẽ trông như thế này:

  
This paragraph was written by techonthenet.com.

Kết quả sẽ trông như thế này:

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã đặt 5px khoảng cách bổ sung giữa các từ trong thẻ. Không gian bổ sung là hơn và trên khoảng cách được xác định bởi phông chữ đã chọn.

Giá trị cố định âm

Chúng ta hãy xem những gì sẽ xảy ra nếu chúng ta áp dụng giá trị âm cho thuộc tính khoảng cách từ.

CSS sẽ trông như thế này:

p { word-spacing: -3px; }

HTML sẽ trông như thế này:

  
This paragraph was written by techonthenet.com.

Kết quả sẽ trông như thế này:

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã đặt 5px khoảng cách bổ sung giữa các từ trong thẻ. Không gian bổ sung là hơn và trên khoảng cách được xác định bởi phông chữ đã chọn.

Giá trị cố định âm

Chúng ta hãy xem những gì sẽ xảy ra nếu chúng ta áp dụng giá trị âm cho thuộc tính khoảng cách từ.

CSS sẽ trông như thế này:

p { word-spacing: normal; }

HTML sẽ trông như thế này:

  
This paragraph was written by techonthenet.com.

Kết quả sẽ trông như thế này:

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã đặt thuộc tính khoảng cách từ thành bình thường, điều đó có nghĩa là khoảng cách giữa các từ được xác định bởi phông chữ được chọn.