Đôi khi bạn muốn hiển thị nội dung theo định dạng giống như đã gõ trong vùng văn bản. Ví dụ: một văn bản từ vùng văn bản có thể chứa ngắt dòng hoặc dòng trống
Thuộc tính CSS white-space
rất hữu ích khi hiển thị văn bản giống như cách nó được cung cấp bởi người dùng. Bạn không cần nỗ lực thêm để tự phân tích cú pháp và định dạng chuỗi
Giữ nguyên dòng mới, ngắt dòng và khoảng trắng trong HTML
Sử dụng cài đặt white-space: pre;
để hiển thị nội dung dạng dài chứa khoảng trắng và ngắt dòng theo cách giống như do người dùng cung cấp. Văn bản cũng sẽ ở bên trong ranh giới vùng chứa và hiện tràn qua phần gốc
This is a long-form text.
The content includes whitespace, line breaks with newlines. If the line becomes white long, it needs to wrap.
This is a new paragraph.
Và đây là cách một văn bản trông như thế nào với kiểu dáng CSS white-space: pre-wrap;
Nếu bạn muốn văn bản của mình tràn qua ranh giới của phần gốc, bạn nên sử dụng
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: This tag does not require any end tag
0 làm thuộc tính khoảng trắng CSS của mình. Sử dụng kết thúc
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: This tag does not require any end tag
1 vẫn giữ nguyên dòng mới và dấu cáchSự khác biệt đối với
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: This tag does not require any end tag
2 là một dòng văn bản dài có thể hiển thị bên ngoài vùng chứa chính Ngôn ngữ đánh dấu siêu văn bản là ngôn ngữ được biết đến trên toàn thế giới vì tính linh hoạt và dễ sử dụng các thuộc tính, tính năng và thẻ. Trong HTML, một đoạn văn, khổ thơ của bất kỳ bài thơ hoặc địa chỉ bưu điện nào luôn bắt đầu trên một dòng mới
Đối với điều này, người dùng có thể dễ dàng tạo một dòng mới với các thẻ khác nhau trong HTML. Nhưng nếu họ muốn thêm văn bản trong một đoạn sẽ bắt đầu trên một dòng mới thì sao? . Bài viết này sẽ thảo luận về tất cả các phương pháp ngắt dòng khác nhau trong HTML
Phương pháp 1. Sử dụng thẻ
để ngắt dòng trong HTML.
Khi người dùng muốn thêm một dòng mới hoặc bắt đầu bằng một dòng mới, họ có thể sử dụng thẻ HTML
này, chẳng hạn như trong các bài thơ hoặc địa chỉ cần ngắt dòng. Trong HTML, thẻ
là một thẻ rỗng.
Nghĩa là thẻ không yêu cầu bất kỳ thẻ kết thúc nào. Nói chung, trình duyệt web không nhận dạng được dòng và đoạn văn mới được chèn vào trong văn bản nội dung. Vì vậy, nếu người dùng muốn bắt đầu với một dòng mới, họ phải chèn dấu ngắt dòng bằng thẻ HTML
.
Khi người dùng thêm dấu ngắt dòng, điều này có nghĩa là chuyển sang dòng mới để thêm một vài khoảng trắng giữa hai dòng khác nhau, bất kỳ đoạn tài liệu HTML bổ sung nào hoặc thành phần trang web. Một thuộc tính của thẻ
là thuộc tính "xóa". Thẻ
cho trình duyệt biết vị trí bắt đầu một dòng mới sau dấu ngắt dòng trước đó.
Đoạn mã
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: This tag does not require any end tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ thẻ HTML
như sau.
- firefox
- Google Chrome
- trình duyệt web IE
- Microsoft Cạnh
- Ô-pê-ra
- Cuộc đi săn
Phương pháp 2. Sử dụng
thẻ ngắt dòng trong HTML
Mặc dù div là để tạo sự phân chia cho nội dung mới trong HTML, chẳng hạn như hình ảnh, văn bản, đầu trang, chân trang, thanh điều hướng, v.v., nhưng người dùng thường có thể sử dụng điều này để tạo một dòng mới. Các
thẻ chứa cả thẻ mở và thẻ đóng. Các
thẻ là một yếu tố cấp khối. Vì vậy, người dùng có thể đặt ngắt dòng trước và sau nó
Đoạn mã
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: Users should add the end tags while using this tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
thẻ như sau
- trình duyệt web IE
- Google Chrome
- Ô-pê-ra
- Cuộc đi săn
- firefox
Phương pháp 3. Sử dụng
thẻ ngắt dòng trong HTML
Nói chung, HTML
thẻ là để xác định một đoạn nội dung các yếu tố và nội dung. Một
thẻ là thẻ có thẻ mở và thẻ đóng được gọi là thẻ cặp
Bắt buộc phải đóng thẻ. Các
hoạt động gần giống như thẻ
, nhưng điểm khác biệt là HTML
là phần tử cấp khối và chủ yếu được sử dụng để thêm nội dung, trong khi người dùng có thể sử dụng thẻ
để ngắt dòng bên trong phần tử.
Thông thường, người dùng trình bày các đoạn văn trong phương tiện trực quan dưới dạng các phần văn bản được phân chia từ các phần của văn bản liền kề bằng khoảng trắng, dòng trống hoặc thụt đầu dòng. Nhưng các đoạn HTML [hoặc
thẻ] có thể là một tập hợp cấu trúc của nội dung có liên quan, chẳng hạn như hình ảnh, video hoặc các dạng phần tử hoặc trường khác
Đoạn mã
An example of the HTML paragraph tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: Users should add the end tags while using this tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
thẻ như sau
- trình duyệt web IE
- Google Chrome
- firefox
- Cuộc đi săn
- Bờ rìa
- Ô-pê-ra
Phương pháp 4. Sử dụng HTML tag:
Trong phương pháp này, chúng tôi chỉ ra việc sử dụng HTML
tag that defines a preformatted text. The browser will display the text within theelement in a fixed-width font, and the text maintains line breaks and white spaces.Code Snippet:
An example of the HTML pre tag
This is the first line This is the second line This is the third lineđầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
tag are as follows:
- Internet Explorer
- Google Chrome
- Firefox
- Safari
- Edge
- Opera
Method 5: Using the HTML tag:
Here, we used the tag that forces a line to break with CSS display:block. It creates a line break.
Code Snippet:
This will break the line hereand this is the second line
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ thẻ HTML như sau.
- trình duyệt web IE
- Google Chrome
- firefox
- Cuộc đi săn
- Bờ rìa
- Ô-pê-ra
Phần kết luận
Khi người dùng muốn một phần nội dung bắt buộc phải xuất hiện trên một dòng riêng biệt, chẳng hạn như một khổ thơ hoặc một địa chỉ bưu điện, họ có thể sử dụng bất kỳ thẻ nào ở trên và áp dụng các phần tử ngắt dòng thay vì các phần tử đoạn văn.
Chúng tôi hy vọng bài viết này đã đưa ra một ý tưởng rõ ràng về trường hợp sử dụng ngắt dòng lý tưởng và hướng dẫn cách tạo ngắt dòng bằng cách sử dụng các thẻ khác nhau trong HTML
\n trong HTML là gì?
Ký tự \n khớp với ký tự xuống dòng .Tôi có nên sử dụng pre trong HTML không?
Thẻ được sử dụng để xác định khối văn bản được định dạng sẵn giúp bảo tồn khoảng trắng văn bản, ngắt dòng, tab và các ký tự định dạng khác bị web bỏ qua . Văn bản trong phần tử . Text in theelement is displayed in a fixed-width font, but it can be changed using CSS.