Hướng dẫn line break css w3schools - ngắt dòng css w3schools

Thí dụ

Phá vỡ các từ ở bất kỳ nhân vật nào:

p.a {& nbsp; & nbsp; word-break: break-all;}
  word-break: break-all;
}

Hãy tự mình thử »

---

Định nghĩa và cách sử dụng

Thuộc tính

p span {
  display: block;
}

5 chỉ định cách các từ sẽ bị phá vỡ khi đạt đến phần cuối của một dòng.

Đưa ra bản chạy thử ❯

Giá trị mặc định:	thông thường
Inherited:	Vâng
Animatable:	không. Đọc về hoạt hình
Version:	CSS3
Cú pháp JavaScript:	object.style.wordbreak = "break-all" hãy thử nó

---

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Tài sản
từ phá vỡ	4.0	5.5	15.0	3.1	15.0

---

CSS Cú pháp

Word-break: Bình thường | Break-all | Keep-all | Break-word | ban đầu | kế thừa;

Giá trị tài sản

Giá trị	Sự mô tả	Thử nghiệm
thông thường	Vâng
không. Đọc về hoạt hình	CSS3	Cú pháp JavaScript:
object.style.wordbreak = "break-all" hãy thử nó	Hỗ trợ trình duyệt	Cú pháp JavaScript:
object.style.wordbreak = "break-all" hãy thử nó	Hỗ trợ trình duyệt	Cú pháp JavaScript:
object.style.wordbreak = "break-all" hãy thử nó	Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.	Tài sản

Example

Specify that the space between words in elements should be 30 pixels:

p {   word-spacing: 30px; }
  word-spacing: 30px;
}

Try it Yourself »

---

Definition and Usage

The

p span {
  display: block;
}

6 property increases or decreases the white space between words.

Note: Negative values are allowed. Negative values are allowed.

Show demo ❯

---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
word-spacing	1.0	6.0	1.0	1.0	3.5

---

CSS Syntax

word-spacing: normal|length|initial|inherit;

Property Values

Value	Description	Demo
normal	Defines normal space between words (0.25em) . This is default	Demo ❯
length	Defines an additional space between words (in px, pt, cm, em, etc). Negative values are allowed. Read about length units	Demo ❯
length	Defines an additional space between words (in px, pt, cm, em, etc). Negative values are allowed. Read about length units
initial	Sets this property to its default value. Read about initial

inherit

---

Inherits this property from its parent element. Read about inherit

 

Related Pages

Thí dụ

Phá vỡ các từ ở bất kỳ nhân vật nào:

Nội dung chính

• Định nghĩa và cách sử dụng
• Hỗ trợ trình duyệt
• CSS Cú pháp
• Giá trị tài sản
• Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.
• Đối với một danh sách các liên kết
• Làm thế nào để bạn phá vỡ một văn bản dài trong CSS?
• Làm thế nào để bạn phá vỡ một dòng?
• Làm thế nào để bạn phá vỡ một từ trong CSS?
• Làm thế nào để bạn phá vỡ một dòng trong CSS W3Schools?

TAG chèn một ngắt dòng duy nhất.Thẻ rất hữu ích cho địa chỉ viết hoặc bài thơ.Thẻ là một thẻ trống có nghĩa là nó không có thẻ cuối.. The tag is useful for writing addresses or poems. The tag is an empty tag which means that it has no end tag.
  word-break: break-all;
}

Thí dụ

---

Định nghĩa và cách sử dụng

Hỗ trợ trình duyệt

CSS Cú pháp

Giá trị tài sản	Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.
Inherited:	Đối với một danh sách các liên kết
Animatable:	p.a {& nbsp; & nbsp; word-break: break-all;}  word-break: break-all;}
Version:	Hãy tự mình thử »
Thuộc tính NO___TRANS___PRE___36 Chỉ định cách các từ sẽ bị phá vỡ khi đạt đến cuối dòng.	Đưa ra bản chạy thử ❯

---

Hỗ trợ trình duyệt

CSS Cú pháp

Giá trị tài sản
Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.	4.0	5.5	15.0	3.1	15.0

---

CSS Cú pháp

Giá trị tài sản

Giá trị tài sản

Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.	Đối với một danh sách các liên kết	p.a {& nbsp; & nbsp; word-break: break-all;}  word-break: break-all;}
Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.	Đối với một danh sách các liên kết
p.a {& nbsp; & nbsp; word-break: break-all;}  word-break: break-all;}	Hãy tự mình thử »	Thuộc tính NO___TRANS___PRE___36 Chỉ định cách các từ sẽ bị phá vỡ khi đạt đến cuối dòng.
Đưa ra bản chạy thử ❯	Giá trị mặc định:	Thuộc tính NO___TRANS___PRE___36 Chỉ định cách các từ sẽ bị phá vỡ khi đạt đến cuối dòng.
Đưa ra bản chạy thử ❯	Giá trị mặc định:	Thuộc tính NO___TRANS___PRE___36 Chỉ định cách các từ sẽ bị phá vỡ khi đạt đến cuối dòng.
Đưa ra bản chạy thử ❯	Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.	Tài sản

Làm thế nào để đạt được đầu ra giống nhau mà không có no___trans___pre___37?

hello 
 How are you 

output:

hello
How are you

Penny Liu

12.9k5 Huy hiệu vàng71 Huy hiệu bạc86 Huy hiệu Đồng5 gold badges71 silver badges86 bronze badges5 gold badges71 silver badges86 bronze badges

Hỏi ngày 24 tháng 4 năm 2010 lúc 7:22Apr 24, 2010 at 7:22Apr 24, 2010 at 7:22

Jitendra Vyasjitendra VyasJitendra VyasJitendra Vyas

Badges vàng 144K225563 Huy hiệu bạc841 Huy hiệu đồng225 gold badges563 silver badges841 bronze badges225 gold badges563 silver badges841 bronze badges

Bạn có thể sử dụng NO___TRANS___PRE___38 để tạo các yếu tố hoạt động như NO___TRANS___PRE___39, bảo tồn Newlines. Thí dụ:

p {
  white-space: pre;
}

hello 
How are you

Lưu ý cho IE rằng điều này chỉ hoạt động trong IE8+.

Tylerh

21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges59 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 24 tháng 4 năm 2010 lúc 7:28Apr 24, 2010 at 7:28Apr 24, 2010 at 7:28

Joey Adamsjoey AdamsJoey AdamsJoey Adams

40.5K18 Huy hiệu vàng84 Huy hiệu bạc115 Huy hiệu đồng18 gold badges84 silver badges115 bronze badges18 gold badges84 silver badges115 bronze badges

4

Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.

Tôi đề nghị sử dụng NO___TRANS___PRE___42S mà sau đó bạn sẽ hiển thị dưới dạng các khối (giống như thực sự NO___TRANS___PRE___43).

p span {
  display: block;
}

helloHow are you

Johannchopin

12.5k9 Huy hiệu vàng47 Huy hiệu bạc93 Huy hiệu Đồng9 gold badges47 silver badges93 bronze badges9 gold badges47 silver badges93 bronze badges

Đã trả lời ngày 24 tháng 4 năm 2010 lúc 7:28Apr 24, 2010 at 7:28Apr 24, 2010 at 7:28

Joey Adamsjoey AdamsJoey AdamsVincent Robert

40.5K18 Huy hiệu vàng84 Huy hiệu bạc115 Huy hiệu đồng18 gold badges84 silver badges115 bronze badges14 gold badges80 silver badges118 bronze badges

7

Không thể có cùng cấu trúc HTML, bạn phải có một cái gì đó để phân biệt giữa no___trans___pre___40 và NO___Trans___Pre___41.

Tôi đề nghị sử dụng NO___TRANS___PRE___42S mà sau đó bạn sẽ hiển thị dưới dạng các khối (giống như thực sự NO___TRANS___PRE___43).

Johannchopin

  The quick brown fox

  jumps over the lazy dog

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

12.5k9 Huy hiệu vàng47 Huy hiệu bạc93 Huy hiệu Đồng9 gold badges47 silver badges93 bronze badges

Joey Adamsjoey AdamsVincent Robert

40.5K18 Huy hiệu vàng84 Huy hiệu bạc115 Huy hiệu đồng14 gold badges80 silver badges118 bronze badgesMay 11, 2014 at 21:21

Simon_WeaverSimon_WeaverSimon_WeaverSimon_Weaver

12.5k9 Huy hiệu vàng47 Huy hiệu bạc93 Huy hiệu Đồng

Vincent Robertvincent Robert75 gold badges623 silver badges667 bronze badges

7

34,9K14 Huy hiệu vàng80 Huy hiệu bạc118 Huy hiệu đồngMay 11, 2014 at 21:21

Sử dụng

hello
How are you

p span {
  display: block;
}

4 như bình thường, nhưng ẩn nó bằng no___trans___pre___45 khi bạn không muốn nó.75 gold badges623 silver badges667 bronze badges

hello
How are you

0

Tôi mong đợi hầu hết mọi người tìm thấy câu hỏi này muốn sử dụng CSS / thiết kế đáp ứng để quyết định xem việc phá vỡ dòng có xuất hiện ở một nơi cụ thể hay không. (và không có bất cứ điều gì cá nhân chống lại no___trans___pre___44)

Mặc dù không rõ ràng ngay lập tức, bạn thực sự có thể áp dụng NO___TRANS___PRE___47 cho thẻ NO___TRANS___PRE___44 để ẩn nó, cho phép sử dụng các truy vấn truyền thông song song với các thẻ BR ngữ nghĩa.

Điều này rất hữu ích trong thiết kế đáp ứng, nơi bạn cần buộc văn bản thành hai dòng khi phá vỡ chính xác.1 gold badge6 silver badges15 bronze badges

Ví dụ về JSfiddleFeb 5, 2014 at 12:56

Đã trả lời ngày 11 tháng 5 năm 2014 lúc 21:21petermeissner

133K75 Huy hiệu vàng623 Huy hiệu bạc667 Huy hiệu Đồng1 gold badge6 silver badges15 bronze badges5 gold badges59 silver badges62 bronze badges

0

Đã trả lời ngày 5 tháng 2 năm 2014 lúc 12:56Feb 5, 2014 at 12:56"\a" command in CSS generates a carriage return. This is CSS, not HTML, so it shall be closer to what you want: no extra markup.

Petermeissnerpetermeissnerpetermeissner

hello
How are you

0

11.7K5 Huy hiệu vàng59 Huy hiệu bạc62 Huy hiệu Đồng5 gold badges59 silver badges62 bronze badgesNov 2, 2012 at 14:56

5

Lệnh "\ A" trong CSS tạo trả lại vận chuyển. Đây là CSS, không phải HTML, vì vậy nó sẽ gần với những gì bạn muốn: không có thêm đánh dấu."\a" command in CSS generates a carriage return. This is CSS, not HTML, so it shall be closer to what you want: no extra markup.

hello
How are you

1

Trong NO___Trans___PRE___52, ví dụ bên dưới hiển thị cả tiêu đề và liên kết nguồn và tách hai cái với trả về vận chuyển (no___trans___pre___53):

Đã trả lời ngày 2 tháng 11 năm 2012 lúc 14:56Nov 2, 2012 at 14:56Jul 22, 2014 at 15:11

Trong CSS sử dụng mãburunoh

Với CSS này, mỗi lần nhập bên trong thẻ NO___TRANS___PRE___54 sẽ là một dòng dừng tại HTML.7 silver badges11 bronze badges

1

Đã trả lời ngày 22 tháng 7 năm 2014 lúc 15:11Jul 22, 2014 at 15:11

hello
How are you

2

BurunohburunohburunohNov 12, 2014 at 12:47

7347 Huy hiệu bạc11 Huy hiệu đồng7 silver badges11 bronze badgescruzanmo

Dựa trên những gì đã được nói trước đây, đây là một giải pháp CSS thuần túy hoạt động.8 silver badges8 bronze badges

1

Đã trả lời ngày 12 tháng 11 năm 2014 lúc 12:47Nov 12, 2014 at 12:47

helloHow are you

5

Cruzanmocruzanmocruzanmo

7378 Huy hiệu bạc8 Huy hiệu Đồng8 silver badges8 bronze badges

Đã trả lời ngày 24 tháng 4 năm 2010 lúc 7:45Apr 24, 2010 at 7:45Apr 24, 2010 at 7:45

Lỗi lỗi cú phápSyntax ErrorSyntax Error

4.3752 Huy hiệu vàng21 Huy hiệu bạc33 Huy hiệu Đồng2 gold badges21 silver badges33 bronze badges2 gold badges21 silver badges33 bronze badges

7

hello
How are you

3

HOẶC

hello
How are you

4

Nguồn: https://stackoverflow.com/a/36191199/2377343

Đã trả lời ngày 7 tháng 3 năm 2017 lúc 10:58Mar 7, 2017 at 10:58Mar 7, 2017 at 10:58

T.ToduaT.ToduaT.ToduaT.Todua

50.1K19 Huy hiệu vàng217 Huy hiệu bạc213 Huy hiệu đồng19 gold badges217 silver badges213 bronze badges19 gold badges217 silver badges213 bronze badges

Đây là một giải pháp tồi cho một câu hỏi tồi, nhưng một câu hỏi theo nghĩa đen đáp ứng bản tóm tắt:

hello
How are you

5

3

Sử dụng

helloHow are you

6 như:

hello
How are you

6

Đã trả lời ngày 23 tháng 5 năm 2018 lúc 9:20May 23, 2018 at 9:20May 23, 2018 at 9:20

Den Patden PatDen PatDen Pat

8629 Huy hiệu bạc17 Huy hiệu đồng9 silver badges17 bronze badges9 silver badges17 bronze badges

Có lẽ ai đó sẽ có cùng một vấn đề với tôi:

Tôi đã ở trong một yếu tố có NO___Trans___Pre___57 vì vậy tôi phải sử dụng NO___Trans___Pre___58.

Đã trả lời ngày 4 tháng 11 năm 2013 lúc 22:23Nov 4, 2013 at 22:23Nov 4, 2013 at 22:23

DoriandorianDorianDorian

21.4K8 Huy hiệu vàng117 Huy hiệu bạc114 Huy hiệu đồng8 gold badges117 silver badges114 bronze badges8 gold badges117 silver badges114 bronze badges

0

Đối với một danh sách các liên kết

Các câu trả lời khác cung cấp một số cách tốt để thêm các lần phá vỡ dòng, tùy thuộc vào tình huống. Nhưng cần lưu ý rằng bộ chọn no___trans___pre___59 là một trong những cách tốt hơn để thực hiện điều này để kiểm soát CSS đối với các danh sách các liên kết (và những điều tương tự), vì những lý do được ghi nhận dưới đây.CSS control over lists of links (and similar things), for reasons noted below.CSS control over lists of links (and similar things), for reasons noted below.

Đây là một ví dụ, giả sử một bảng nội dung:

hello
How are you

7

Và đây là kỹ thuật của Simon_weaver, đơn giản hơn và tương thích hơn. Nó không tách biệt phong cách và nội dung nhiều như vậy, đòi hỏi nhiều mã hơn và có thể có những trường hợp bạn muốn thêm nghỉ sau khi thực tế. Tuy nhiên, vẫn là một giải pháp tuyệt vời, đặc biệt là đối với IE cũ.

hello
How are you

8

Lưu ý những lợi thế của các giải pháp trên:

• Bất kể khoảng trắng trong HTML, đầu ra là giống nhau (so với NO___Trans___PRE___51)
• Không có thêm phần đệm được thêm vào các yếu tố (xem nhận xét của Nickg's no___trans___pre___61)
• Bạn có thể dễ dàng chuyển đổi giữa danh sách liên kết ngang và dọc với một số CSS được chia sẻ mà không cần vào mỗi tệp HTML để thay đổi kiểu
• NO không
• Phong cách tách biệt với nội dung (so với NO___Trans___PRE___44 hoặc NO___TRANS___PRE___51 với các lần phá vỡ mã hóa cứng)
• Điều này cũng có thể hoạt động cho các liên kết lỏng lẻo bằng NO___Trans___Pre___66 và NO___Trans___Pre___67
• Bạn có thể thêm nhiều lần nghỉ và thậm chí là tiền tố/văn bản hậu tố

Đã trả lời ngày 11 tháng 8 năm 2016 lúc 1:14Aug 11, 2016 at 1:14Aug 11, 2016 at 1:14

BeejorbeejorBeejorBeejor

7,7701 Huy hiệu vàng40 Huy hiệu bạc31 Huy hiệu đồng1 gold badge40 silver badges31 bronze badges1 gold badge40 silver badges31 bronze badges

0

Đặt thẻ NO___TRANS___PRE___68 thành NO___Trans___Pre___45 là hữu ích, nhưng sau đó bạn có thể kết thúc với Wordsruntogether. Thay vào đó, tôi đã thấy hữu ích hơn khi thay thế nó bằng một ký tự không gian, như vậy:

HTML:

hello
How are you

9

CSS:

p {
  white-space: pre;
}

0

Đã trả lời ngày 15 tháng 1 năm 2016 lúc 14:37Jan 15, 2016 at 14:37Jan 15, 2016 at 14:37

BryanbryanBryanBryan

786 Huy hiệu Đồng6 bronze badges6 bronze badges

2

Đã trả lời ngày 2 tháng 4 năm 2013 lúc 4:04Apr 2, 2013 at 4:04Apr 2, 2013 at 4:04

2

Tôi thích các giải pháp rất đơn giản, đây là một giải pháp nữa:

p {
  white-space: pre;
}

1

và CSS:

p {
  white-space: pre;
}

2

Đã trả lời ngày 23 tháng 3 năm 2018 lúc 18:17Mar 23, 2018 at 18:17Mar 23, 2018 at 18:17

JarekjarekJarekJarek

395 huy hiệu đồng5 bronze badges5 bronze badges

Mã có thể là:

p {
  white-space: pre;
}

3

CSS sẽ là:

p {
  white-space: pre;
}

4

Đã trả lời ngày 10 tháng 6 năm 2020 lúc 9:21Jun 10, 2020 at 9:21Jun 10, 2020 at 9:21

Mad Manmad người đàn ôngmad Manmad Man

3663 huy hiệu bạc7 Huy hiệu đồng3 silver badges7 bronze badges3 silver badges7 bronze badges

1

Bạn cần khai báo nội dung trong

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

0. Sau khi nó dòng sẽ bị phá vỡ.

p {
  white-space: pre;
}

91 có nghĩa là ký tự nguồn cấp dữ liệu.

p {
  white-space: pre;
}

5

Đã trả lời ngày 22 tháng 2 năm 2019 lúc 9:27Feb 22, 2019 at 9:27Feb 22, 2019 at 9:27

JACEK KRAWCCHIKJACEK KRAWCCHOKJacek KrawczykJacek Krawczyk

1.9131 Huy hiệu vàng17 Huy hiệu bạc24 Huy hiệu đồng1 gold badge17 silver badges24 bronze badges1 gold badge17 silver badges24 bronze badges

Bạn có thể thêm rất nhiều đệm và buộc văn bản để chia thành dòng mới, ví dụ

p {
  white-space: pre;
}

6

Làm việc tốt cho tôi trong một tình huống với thiết kế đáp ứng, trong đó chỉ trong một phạm vi chiều rộng nhất định, nó là cần thiết cho văn bản để được phân chia.

Đã trả lời ngày 26 tháng 11 năm 2014 lúc 23:03Nov 26, 2014 at 23:03Nov 26, 2014 at 23:03

AlexxandaralexxandarAlexxandarAlexxandar

9352 Huy hiệu vàng11 Huy hiệu bạc23 Huy hiệu đồng2 gold badges11 silver badges23 bronze badges2 gold badges11 silver badges23 bronze badges

1

Sử dụng NO___Trans___PRE___72 sẽ không hoạt động cho các câu dài mà không có khoảng trống như no___trans___pre___73 để sửa chữa điều này xem xét bằng NO___Trans___Pre___74 thay thế

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

2 will not work for long sentences without spaces like

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

3 to fix this consider using

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

4 insteadwill not work for long sentences without spaces like

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

3 to fix this consider using

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

4 instead

Nó được tạo ra để cho phép các từ dài có thể phá vỡ và quấn vào dòng tiếp theo., Nó được sử dụng bởi Facebook, Instagram và tôi 😆Facebook, Instagram and me 😆Facebook, Instagram and me 😆

Thí dụ

Đã trả lời ngày 7 tháng 9 năm 2021 lúc 11:39Sep 7, 2021 at 11:39Sep 7, 2021 at 11:39

LiamliamLiamLiam

5,8215 Huy hiệu vàng23 Huy hiệu bạc46 Huy hiệu đồng5 gold badges23 silver badges46 bronze badges5 gold badges23 silver badges46 bronze badges

Trên CSS-Tricks, NO___Trans___Pre___75 đã thử nghiệm rất nhiều tùy chọn và lựa chọn cuối cùng và khá gọn gàng là sử dụng NO___Trans___Pre___76, mỗi người có vấn đề riêng mà bạn sẽ tìm ra khi bạn sử dụng NO___Trans___Pre___77 trên nhịp!

p {
  white-space: pre;
}

7

p {
  white-space: pre;
}

8

Tại đây bạn có thể thấy tất cả các tùy chọn khác trên

@media screen and (min-width: 20em) {
  br {
    display: none; /* hide the BR tag for wider screens (i.e. disable the line break) */
  }
}

8:

Tiêm một dòng phá vỡ

Đã trả lời ngày 16 tháng 6 lúc 4:58Jun 16 at 4:58Jun 16 at 4:58

SeyyedkhandonseyyedkhandonSeyyedKhandonSeyyedKhandon

4.3955 Huy hiệu vàng28 Huy hiệu bạc59 Huy hiệu Đồng5 gold badges28 silver badges59 bronze badges5 gold badges28 silver badges59 bronze badges

Cả Vincent Robert và Joey Adams trả lời đều hợp lệ. Tuy nhiên, nếu bạn không muốn, hãy thay đổi đánh dấu, bạn chỉ có thể chèn NO___Trans___Pre___79 bằng JavaScript.

Không có cách nào để làm điều đó trong CSS mà không thay đổi đánh dấu.

Đã trả lời ngày 24 tháng 4 năm 2010 lúc 7:30Apr 24, 2010 at 7:30Apr 24, 2010 at 7:30

e-satise-satise-satise-satis

561K108 Huy hiệu vàng291 Huy hiệu bạc328 Huy hiệu đồng108 gold badges291 silver badges328 bronze badges108 gold badges291 silver badges328 bronze badges

2

Trong trường hợp của tôi, tôi cần một nút đầu vào để ngắt dòng trước nó. Tôi đã áp dụng kiểu sau vào nút và nó đã hoạt động: I applied the following style to the button and it worked:
I applied the following style to the button and it worked:

p {
  white-space: pre;
}

9

Đã trả lời ngày 30 tháng 9 năm 2013 lúc 17:15Sep 30, 2013 at 17:15Sep 30, 2013 at 17:15

Gene Bogene BoGene BoGene Bo

10,4K8 Huy hiệu vàng84 Huy hiệu bạc130 Huy hiệu đồng8 gold badges84 silver badges130 bronze badges8 gold badges84 silver badges130 bronze badges

1

Trong trường hợp điều này giúp ai đó ...

Bạn có thể làm điều này:

hello 
How are you

0

Với CSS này:

hello 
How are you

1

Đã trả lời ngày 22 tháng 6 năm 2014 lúc 23:10Jun 22, 2014 at 23:10Jun 22, 2014 at 23:10

JayjayJayJay

1.04611 Huy hiệu bạc22 Huy hiệu đồng11 silver badges22 bronze badges11 silver badges22 bronze badges

1

Sử dụng NO___Trans___Pre___80 thay vì không gian sẽ ngăn chặn sự phá vỡ.

hello 
How are you

2

Đã trả lời ngày 13 tháng 4 năm 2016 lúc 9:50Apr 13, 2016 at 9:50Apr 13, 2016 at 9:50

JpbjpbJPBJPB

5742 Huy hiệu vàng6 Huy hiệu bạc26 Huy hiệu đồng2 gold badges6 silver badges26 bronze badges2 gold badges6 silver badges26 bronze badges

Tôi đoán bạn không muốn sử dụng điểm dừng vì nó sẽ luôn phá vỡ dòng. Đúng không? Nếu vậy, làm thế nào về việc thêm một điểm dừng no___trans___pre___79 vào văn bản của bạn, sau đó cho nó một lớp như no___trans___pre___82 sau đó sử dụng truy vấn phương tiện ngay trên kích thước bạn muốn nó phá vỡ để che giấu số lượng không.

HTML:

hello 
How are you

3

CSS:

hello 
How are you

4

https://jsfiddle.net/517Design/o71yw5vd/

Đã trả lời ngày 6 tháng 6 năm 2018 lúc 19:58Jun 6, 2018 at 19:58Jun 6, 2018 at 19:58

2

Điều này hoạt động trong Chrome:

p span {
  display: block;
}

45

Đã trả lời ngày 8 tháng 3 năm 2017 lúc 11:28Mar 8, 2017 at 11:28Mar 8, 2017 at 11:28

Andi Gigaandi GigaAndi GigaAndi Giga

3.0146 Huy hiệu vàng31 Huy hiệu bạc60 Huy hiệu Đồng6 gold badges31 silver badges60 bronze badges6 gold badges31 silver badges60 bronze badges

Làm thế nào để bạn phá vỡ một văn bản dài trong CSS?

Phần tử Nếu bạn biết nơi bạn muốn một chuỗi dài bị phá vỡ, thì cũng có thể chèn phần tử HTML. Điều này có thể hữu ích trong các trường hợp như hiển thị URL dài trên một trang. Sau đó, bạn có thể thêm thuộc tính để phá vỡ chuỗi ở những nơi hợp lý sẽ giúp đọc dễ dàng hơn.insert the HTML element. This can be useful in cases such as displaying a long URL on a page. You can then add the property in order to break the string in sensible places that will make it easier to read.insert the HTML element. This can be useful in cases such as displaying a long URL on a page. You can then add the property in order to break the string in sensible places that will make it easier to read.

Làm thế nào để bạn phá vỡ một dòng?

Làm thế nào để phá vỡ các dòng...

Giữ chiều dài dòng cân bằng.....

Dòng sạch phá vỡ thông qua việc nén/tái hiện văn bản.....

Đường dây sạch phá vỡ thông qua việc quay lại.....

Tách phụ đề khi các dòng không thể bị phá vỡ đúng cách.....

Quy tắc đơn giản cho tỷ lệ phá vỡ.....

Đừng kết thúc phụ đề với một chút câu tiếp theo ..

Làm thế nào để bạn phá vỡ một từ trong CSS?

Thuộc tính phá vỡ từ trong CSS có thể được sử dụng để thay đổi khi phá vỡ dòng phải xảy ra.Thông thường, dòng vỡ trong văn bản chỉ có thể xảy ra trong một số không gian nhất định, như khi có một không gian hoặc dấu gạch nối.Nếu chúng ta sau đó đặt chiều rộng của văn bản thành một em, từ sẽ bị phá vỡ bởi mỗi chữ cái: html.. Normally, line breaks in text can only occur in certain spaces, like when there is a space or a hyphen. If we then set the width of the text to one em , the word will break by each letter: HTML.. Normally, line breaks in text can only occur in certain spaces, like when there is a space or a hyphen. If we then set the width of the text to one em , the word will break by each letter: HTML.

Làm thế nào để bạn phá vỡ một dòng trong CSS W3Schools?

TAG chèn một ngắt dòng duy nhất.Thẻ rất hữu ích cho địa chỉ viết hoặc bài thơ.Thẻ là một thẻ trống có nghĩa là nó không có thẻ cuối.. The tag is useful for writing addresses or poems. The tag is an empty tag which means that it has no end tag.. The
tag is useful for writing addresses or poems. The
tag is an empty tag which means that it has no end tag.