Hướng dẫn html line break in label - ngắt dòng html trong nhãn

Tôi đặt văn bản vào


Bên cạnh thuộc tính white-space kết hợp với ký tự dòng mới (ví dụ:

First day 1- one apple. 2-one orange. 3- two cups of milks.
0), cách phá vỡ HTML là sử dụng
First day 1- one apple. 2-one orange. 3- two cups of milks.
1, thêm ở đây là một mẫu nhỏ cách chúng hoạt động và khác nhau.

Lưu ý, ngay cả không gian được bảo tồn bằng cách sử dụng, ví dụ:

First day 1- one apple. 2-one orange. 3- two cups of milks.
2, như đã thấy trong mẫu mã "nội tuyến"

Đã trả lời ngày 11 tháng 4 năm 2016 lúc 20:21Apr 11, 2016 at 20:21

Hướng dẫn html line break in label - ngắt dòng html trong nhãn

Không có cách nào để thêm thẻ HTML vào thẻ

1 được thiết kế cho mục đích đó.

Ví dụ

BR đơn giản

Trong ví dụ sau, chúng tôi sử dụng các phần tử

First day 1- one apple. 2-one orange. 3- two cups of milks.
1 để tạo phạm vi phá vỡ giữa các dòng khác nhau của địa chỉ bưu chính:

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

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

Mối quan tâm tiếp cận

Tạo các đoạn văn bản riêng của văn bản bằng cách sử dụng

First day 1- one apple. 2-one orange. 3- two cups of milks.
1 không chỉ là thực hành xấu, 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.Người đọc màn hình có thể thông báo sự hiện diện của yếu tố, nhưng không có nội dung nào có trong
First day 1- one apple. 2-one orange. 3- two cups of milks.
1s.Đây có thể là một trải nghiệm khó hiểu và bực bội cho người sử dụng đầu đọc màn hình.

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

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}
5 và sử dụng các thuộc tính CSS như
textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}
6 để kiểm soát khoảng cách của chúng.

Tóm tắt kỹ thuật

Thông số kỹ thuật

Sự chỉ rõ
HTML Standard # the-br-stement
# the-br-element

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

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

  • Phần tử
    
    
    

    7
  • Phần tử
    textarea {
      height: 70px;
    }
    label {
      white-space: pre-wrap;
    }
    5
  • Phần tử
    
    
    

    9