Lượng không gian thừa để hiển thị giữa các từ [ngoài khoảng cách tiêu chuẩn cho phông chữ]. Nó có thể là một trong những điều sau đây
Giá trịMô tảcố địnhGiá trị cố định được biểu thị bằng px, em,
p { khoảng cách giữa các từ. 0. 5em;
p { khoảng cách giữa các từ. thông thường;
Ghi chú
- Nếu thuộc tính khoảng cách từ được biểu thị dưới dạng một giá trị cố định, thì nó có thể là giá trị dương hoặc âm
- Giá trị dương sẽ thêm khoảng cách bổ sung giữa các từ [ngoài khoảng cách tiêu chuẩn cho phông chữ]
- Giá trị âm sẽ loại bỏ khoảng cách 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 [Tắc kè]
- Internet Explorer 6+ [IE 6+]
- Ô-pê-ra
- Safari [WebKit]
Thí dụ
Chúng ta 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
Hãy xem một ví dụ trong đó chúng tôi đặt khoảng cách bổ sung giữa các từ bằng cách sử dụng thuộc tính khoảng cách giữa các từ với một 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ẽ 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ữ đã chọn
Bài viết này sẽ giới thiệu các cách khác nhau để loại bỏ khoảng trắng khỏi một chuỗi, đặc biệt là cách loại bỏ các tab và ngắt dòng. Mỗi phương pháp dưới đây sẽ có một ví dụ về mã mà bạn có thể chạy trên máy của mình
Phương thức replace[]
nhận một giá trị cụ thể hoặc một biểu thức chính quy và thay thế chúng trong một chuỗi đã cho. Nó trả về một chuỗi mới trong đó các giá trị đã chỉ định được thay thế
Sử dụng replace[]
để chỉ thay thế khoảng trắng trong chuỗi JavaScript
Biểu thức chính quy chứa ký tự khoảng trắng [" "
] và thuộc tính toàn cục. Nó sẽ tìm kiếm mọi khoảng trống trong một chuỗi và thay thế chúng bằng một chuỗi trống, như được đưa ra trong tham số thứ hai
Thí dụ
Remove spaces from a string using JavaScript
Remove spaces from a string using JavaScript
Original string is:
site/ delft stack .com/
New Sentence is:
Clean Spaces
đầu ra
Sử dụng replace[]
để thay thế tất cả khoảng trắng trong chuỗi JavaScript
string.replace[/\s+/g, '']
Mẫu biểu thức chính quy \s
đề cập đến bất kỳ ký hiệu khoảng trắng nào. dấu cách, tab và ngắt dòng
Thí dụ
Sử dụng các phương pháp split[]
và string.replace[/\s+/g, '']
0 để xóa khoảng trắng khỏi chuỗi JavaScript
string.replace[/\s+/g, '']
Phương thức split[]
tách một chuỗi thành một mảng và trả về mảng mới
Phương thức
string.replace[/\s+/g, '']
0 trả về một chuỗi mới bằng cách nối tất cả các phần tử trong một mảngChúng ta sẽ sử dụng phương thức
string.replace[/\s+/g, '']
3 để tách chuỗi thành một mảng với ký tự khoảng trắng " "
làm dấu phân cách, sau đó sử dụng phương thức string.replace[/\s+/g, '']
5 để chuyển đổi mảng thành một chuỗi. Nó loại bỏ các khoảng trắng bằng hai phương pháp này Có rất nhiều yêu cầu tiêu chuẩn trong javascript liên quan đến việc xử lý chuỗi. Một yêu cầu chung như vậy là thay thế nhiều khoảng trắng bằng một khoảng trắng trong chuỗi javascript. Bài viết này sẽ thảo luận và trình bày cách loại bỏ các khoảng trống trùng lặp bằng các ví dụ minh họa khác nhau
Mục lục. -
Thay thế nhiều dấu cách bằng một dấu cách bằng cách sử dụng replace[] và RegEx
Phương thức replace[] của Javascript thay thế một mẫu cụ thể trong javascript bằng một mẫu thay thế. Mẫu có thể là biểu thức chính quy, hàm hoặc chuỗi.
Thí dụ. -
Thay thế nhiều khoảng trắng bằng một khoảng trắng từ ” Javascript là ngôn ngữ phổ biến nhất “
quảng cáo
Mã số. -
let dummyString = " Javascript is the most popular language "; dummyString = dummyString.replace[/\s+/g, " "]; console.log[dummyString];
đầu ra. -
Javascript is the most popular language
Ghi chú. Có một khoảng trắng ở đầu và cuối chuỗi đầu ra
Giải trình. -
- Ở đây trong đoạn mã trên hàm replace[] được sử dụng. Biểu thức chính quy là /\s+/g
- /và / đánh dấu phần đầu và phần cuối của một mẫu.
- \s+ khớp với ít nhất một ký tự khoảng trắng trong chuỗi.
Nếu chúng tôi muốn xóa khoảng trắng khỏi đầu và cuối, hãy sử dụng
Mã số. -
let dummyString = " Javascript is the most popular language "; dummyString = dummyString.trim[].replace[/\s+/g, " "]; console.log[dummyString];
đầu ra. -
Javascript is the most popular language
Giải trình. -
- Phương thức trim[] sẽ xóa các khoảng trắng ở đầu và cuối chuỗi.
- Cuối cùng, phương thức replace[] sẽ xóa các khoảng trắng ở giữa chuỗi.
Thay thế nhiều dấu cách bằng một dấu cách bằng cách sử dụng split [] và join[]
Phương thức split[] của Javascript trả về một mảng gồm các chuỗi con được tạo thành bằng cách tách một chuỗi đã cho.
Phương thức join[] của Javascript nối các phần tử của mảng lại thành một chuỗi.
Thí dụ. -
Thay thế nhiều khoảng trắng bằng một khoảng trắng từ ” Javascript là ngôn ngữ phổ biến nhất “
Mã số. -
let dummyString = " Javascript is the most popular language "; dummyString = dummyString.trim[].split[/[\s,\t,\n]+/].join[' ']; console.log[dummyString];
đầu ra. -
Javascript is the most popular language
Giải trình. -
- Phương thức trim[] được sử dụng để xóa tất cả các khoảng trắng ở đầu và cuối chuỗi.
- Phương thức split[] được sử dụng để chia chuỗi thành một mảng các phần tử [ ' . Việc phân chia dựa trên dấu cách, tab hoặc ký tự dòng mới. The split is based on space, tab or new line character [\s,\t,\n]
- Cuối cùng, nối tất cả các phần tử mảng bằng phương thức join[‘ ‘] được phân tách bằng một khoảng trắng để tạo thành một chuỗi mới.
Đọc thêm
- Javascript. thay thế nhiều ký tự trong chuỗi
- Javascript. Thay thế một ký tự trong chuỗi tại chỉ mục đã cho
Tôi hy vọng bài viết này đã giúp bạn thay thế nhiều khoảng trắng bằng một khoảng trắng trong chuỗi javascript. Chúc may mắn