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 như thế này:

First day
1-one apple.
2-one orange.
3-two cups of milk.

Nhưng nó cho thấy trong một như thế này:

First day 1- one apple. 2-one orange. 3- two cups of milks.

Làm thế nào để tôi làm cho nó trông giống như trong ?

Asons

83.1K12 Huy hiệu vàng100 Huy hiệu bạc149 Huy hiệu đồng12 gold badges100 silver badges149 bronze badges

Hỏi ngày 11 tháng 4 năm 2016 lúc 20:07Apr 11, 2016 at 20:07

Mohammed H. S.Mohammed H. S.Mohammed H. S.

4591 Huy hiệu vàng5 Huy hiệu bạc11 Huy hiệu đồng1 gold badge5 silver badges11 bronze badges

0

Đưa ra nhãn white-space: pre-wrap và nó sẽ phá vỡ dòng vì vùng văn bản

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

  First day
1-one apple.
2-one orange.
3-two cups of milk.







  First day
1-one apple.
2-one orange.
3-two cups of milk.

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.

First day 1- one apple. 2-one orange. 3- two cups of milks.

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.

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

Không có cách nào để thêm thẻ HTML vào thẻ , do đó, việc định dạng với CSS chẳng hạn hoặc sử dụng thẻ

First day 1- one apple. 2-one orange. 3- two cups of milks.

Bây giờ,

First day 1- one apple. 2-one orange. 3- two cups of milks.

Phương pháp tốt nhất là sử dụng

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

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

arch2vearch2vearch2ve

1831 Huy hiệu bạc12 Huy hiệu đồng1 silver badge12 bronze badges

Nếu bạn đang tìm nạp văn bản từ chính Textarea thì khi chúng tôi nhấn enter in textarea tạo ra sự trở lại dòng mới. Bạn có thể thay thế bản trả lại mới đó bằng

First day 1- one apple. 2-one orange. 3- two cups of milks.

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

pradeep1991singhpradeep1991singhpradeep1991singh

7.8503 huy hiệu vàng21 Huy hiệu bạc31 Huy hiệu đồng3 gold badges21 silver badges31 bronze badges

Tôi đã thấy rằng mặc dù các thẻ HTML như

First day 1- one apple. 2-one orange. 3- two cups of milks.

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

Thêm về dấu câu UTF-8, nơi bạn có thể tìm thấy không gian "en" và "em": //www.w3schools.com/charsets/ref_utf_punction.asp

Đối với tôi, biểu tượng thực thể đã hoạt động, nhưng không phải là DEC hoặc HEX, như được đưa ra trong ví dụ "thử nó".

Đã trả lời ngày 6 tháng 3 năm 2020 lúc 18:48Mar 6, 2020 at 18:48

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

First day 1- one apple. 2-one orange. 3- two cups of milks.

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

First day 1- one apple. 2-one orange. 3- two cups of milks.

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

First day 1- one apple. 2-one orange. 3- two cups of milks.

  First day
1-one apple.
2-one orange.
3-two cups of milk.







  First day
1-one apple.
2-one orange.
3-two cups of milk.

First day 1- one apple. 2-one orange. 3- two cups of milks.

Mozilla
331 E. Evelyn Avenue
Mountain View, CA
94041
USA

First day 1- one apple. 2-one orange. 3- two cups of milks.

First day 1- one apple. 2-one orange. 3- two cups of milks.

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}

textarea {
  height: 70px;
}
label {
  white-space: pre-wrap;
}