Làm cách nào để thêm khoảng cách giữa 2 từ trong JavaScript?

Giãn 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

• text-indent
• letter-spacing
• line-height
• word-spacing
• white-space

Thuộc tính text-indent được sử dụng để chỉ định thụt lề cho 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 khoảng cách giữa các ký tự trong văn bản

Ví dụ sau minh họa cách tăng hoặc giảm khoảng cách 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 khoảng cách giữa các dòng

Giãn cách từ

Thuộc tính word-spacing được sử dụng để xác định khoảng cách giữa các từ trong văn bản

Ví dụ sau minh họa cách tăng hoặc giảm khoảng cách giữa các từ

khoảng trắng

Thuộc tính white-space chỉ định cách xử lý khoảng trắng bên trong một phần tử

Ví dụ này minh họa cách tắt gói văn bản bên trong một phần tử

Thuộc tính khoảng cách văn bản CSS

Thuộc tínhMô tảletter-spacingChỉ định khoảng cách giữa các ký tự trong textline-heightChỉ định chiều cao của dòngtext-indentChỉ định khoảng cách thụt đầu dòng của dòng đầu tiên trong khối văn bảnwhite-spaceChỉ định cách xử lý khoảng trắng bên trong một phần tửword-spacingChỉ định khoảng cách giữa các từ trong văn bản

ValueDes mô tảDemonormalXác định khoảng cách bình thường giữa các từ (0. 25em). Đây là defaultDemo ❯lengthXác định khoảng trắng bổ sung giữa các từ (bằng px, pt, cm, em, v.v.). Cho phép giá trị âm. Đọc về đơn vị độ dàiDemo ❯initialĐặt thuộc tính này thành giá trị mặc định. Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kế

“replace()” là một phương thức được xác định trước của đối tượng kiểu Chuỗi được sử dụng để thay thế giá trị trong một chuỗi bằng chuỗi, ký tự hoặc ký hiệu đã xác định. Nó trả về một chuỗi mới dưới dạng đầu ra với các giá trị được thay thế sau khi tìm kiếm chuỗi cho một giá trị cụ thể hoặc mẫu biểu thức chính quy

cú pháp

Thực hiện theo cú pháp được cung cấp bên dưới để sử dụng phương thức thay thế ()

chuỗi. thay thế("searchValue" , "replaceValue")

Phương thức replace() chấp nhận hai tham số, một là “searchValue” sẽ được tìm kiếm và thay thế, và một là “replaceValue” được sử dụng làm giá trị thay thế

Thí dụ

Trong ví dụ này, đầu tiên, chúng ta sẽ tạo một biến có tên là “string” lưu trữ một chuỗi có thêm khoảng trắng

var string = "Chào mừng bạn đến với LinuxHint";

Sau đó, tạo một mẫu biểu thức chính quy và lưu trữ nó trong một biến có tên là “regexPattern”

var regexPattern = / \s +/