Ngắt dòng trong textbox html

Tiểu sử. Tôi đang tạo một email để gửi đi bằng các ứng dụng mạnh mẽ (không cần đi sâu vào nó, đây là cách tốt nhất)

Tôi đang sử dụng hộp văn bản html để nối các trường giá trị cùng với một số thông tin chi tiết. Một trường giá trị có khả năng có đầu vào liên kết html vào trường đó. và là nhãn văn bản html (RichTextEditor_Bridge)

Vấn đề. nhãn văn bản html (RichTextEditor_Bridge) dường như thêm dấu ngắt dòng trước và sau. Nó sẽ không còn đọc dưới dạng một dòng nữa (Tôi đã xác minh văn bản nhập vào hộp chỉ đơn giản là 12345 (không có mã html để kiểm tra)

đã thử. sử dụng chức năng nối. đã thử hộp văn bản có và không có ". văn bản html. kết thúc

Đô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;

Ngắt dòng trong textbox html

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 pre làm thuộc tính khoảng trắng CSS của mình. Sử dụng kết thúc white-space: pre vẫn giữ nguyên dòng mới và khoảng trắng

Sự khác biệt đối với white-space: pre-wrap 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

Phần tử HTML
tạo ngắt dòng trong văn bản (xuống dòng). Nó rất hữu ích để viết một bài thơ hoặc một địa chỉ, trong đó việc phân chia các dòng là quan trọng

Thử nó

Như bạn có thể thấy từ ví dụ trên, một phần tử
được bao gồm tại mỗi điểm mà chúng tôi muốn ngắt văn bản. Văn bản sau
bắt đầu lại ở đầu dòng tiếp theo của khối văn bản

Ghi chú. Không sử dụng
để tạo lề giữa các đoạn văn;

Thuộc tính

Các thuộc tính của phần tử này bao gồm các thuộc tính toàn cục

Thuộc tính không dùng nữa

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
4 Không dùng nữa

Cho biết vị trí bắt đầu dòng tiếp theo sau dấu ngắt

Tạo kiểu với CSS

Phần tử
có một mục đích duy nhất, được xác định rõ — để tạo ngắt dòng trong một khối văn bản. Như vậy, nó không có kích thước hoặc đầu ra trực quan của riêng nó và bạn có thể làm rất ít để tạo kiểu cho nó

Bạn có thể tự đặt

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
3 trên các phần tử
để tăng khoảng cách giữa các dòng văn bản trong khối, nhưng đây là một cách làm không tốt — bạn nên sử dụng thuộc tính
1 được thiết kế cho mục đích đó

ví dụ

Đơn giản thôi

Trong ví dụ sau, chúng tôi sử dụng các phần tử
để tạo ngắt dòng giữa các dòng khác nhau của địa chỉ bưu điện

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />

Kết quả trông giống như vậy

Mối quan tâm về khả năng tiếp cận

Tạo các đoạn văn bản riêng biệt bằng cách sử dụng
không chỉ là một cách làm tồi mà còn là vấn đề đối với những người điều hướng với sự trợ giúp của công nghệ đọc màn hình. Trình đọc màn hình có thể thông báo sự hiện diện của phần tử, nhưng không phải bất kỳ nội dung nào có trong
s. Đây có thể là một trải nghiệm khó hiểu và bực bội đối với người sử dụng trình đọc màn hình

Sử dụng các phần tử

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
2 và sử dụng các thuộc tính CSS như
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
3 để kiểm soát khoảng cách của chúng

Tóm tắt kỹ thuật

Thể loại nội dung Nội dung dòng chảy, nội dung cụm từ. Nội dung được phép Không có; . Bỏ qua thẻ Phải có thẻ bắt đầu và không được có thẻ kết thúc. Trong các tài liệu XHTML, hãy viết phần tử này là
7. Cha mẹ được phépBất kỳ phần tử nào chấp nhận nội dung cụm từ. Vai trò ARIA ngầm định Không có vai trò tương ứng Vai trò ARIA được phép
8,
9Giao diện DOM
0