Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

Tôi đã có một div có chiều rộng cố định với hai nút trong đó. Nếu các nhãn của các nút quá dài, chúng sẽ bọc - một nút ở lại dòng đầu tiên và nút tiếp theo sẽ theo bên dưới nó thay vì liền kề với nó.

Làm thế nào tôi có thể buộc div mở rộng để cả hai nút nằm trên một dòng?

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

double-beep

4.60613 Huy hiệu vàng31 Huy hiệu bạc41 Huy hiệu đồng13 gold badges31 silver badges41 bronze badges

Đã hỏi ngày 9 tháng 11 năm 2009 lúc 19:24Nov 9, 2009 at 19:24

JamesBrownisDeadjamesBrownisDeadJamesBrownIsDead

2.9012 Huy hiệu vàng17 Huy hiệu bạc4 Huy hiệu đồng2 gold badges17 silver badges4 bronze badges

2

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

Leonheess

12.2k11 Huy hiệu vàng60 Huy hiệu bạc99 Huy hiệu đồng11 gold badges60 silver badges99 bronze badges

Đã trả lời ngày 9 tháng 11 năm 2009 lúc 19:26Nov 9, 2009 at 19:26

Marek Karbarzmarek KarbarzMarek Karbarz

28.6K6 Huy hiệu vàng51 Huy hiệu bạc73 Huy hiệu đồng6 gold badges51 silver badges73 bronze badges

1

Một sự kết hợp của cả float: left; white-space: nowrap; đã làm việc cho tôi.

Mỗi người trong số họ độc lập không hoàn thành kết quả mong muốn.

Đã trả lời ngày 10 tháng 8 năm 2011 lúc 4:51Aug 10, 2011 at 4:51

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

Chris Noletchris NoletChris Nolet

8.4957 Huy hiệu vàng64 Huy hiệu bạc91 Huy hiệu Đồng7 gold badges64 silver badges91 bronze badges

Tôi không biết lý do đằng sau điều này, nhưng tôi đã đặt container cha mẹ của tôi thành display:flex và các container trẻ em thành display:inline-block và chúng vẫn phù hợp với mặc dù chiều rộng kết hợp của trẻ em vượt quá cha mẹ.

Không cần chơi với max-width,

0,
1 hoặc bất cứ điều gì khác.

Hy vọng điều đó sẽ giúp ai đó.

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

Ashleedawg

Phim thương hiệu vàng 19.5K77 gold badges69 silver badges101 bronze badges

Đã trả lời ngày 25 tháng 12 năm 2017 lúc 3:45Dec 25, 2017 at 3:45

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

1

Nếu bạn không quan tâm đến chiều rộng tối thiểu cho DIV và thực sự không muốn div mở rộng trên toàn bộ container, bạn có thể nổi nó bên trái - các div nổi theo mặc định để mở rộng để hỗ trợ nội dung của chúng, như vậy:

Đã trả lời ngày 9 tháng 11 năm 2009 lúc 20:49Nov 9, 2009 at 20:49

Nếu div của bạn có chiều rộng cố định, nó sẽ không mở rộng, bởi vì bạn đã cố định chiều rộng của nó. Tuy nhiên, các trình duyệt hiện đại hỗ trợ một thuộc tính

2 CSS.

Bạn có thể mô phỏng thuộc tính chiều rộng tối thiểu trong các trình duyệt IE cũ bằng cách sử dụng các biểu thức CSS hoặc bằng cách sử dụng chiều rộng tự động và có một đối tượng miếng đệm trong thùng chứa. Giải pháp này không thanh lịch nhưng có thể thực hiện thủ thuật:

Đã trả lời ngày 9 tháng 11 năm 2009 lúc 20:02Nov 9, 2009 at 20:02

Hướng dẫn how do i make text not wrap in css? - làm cách nào để làm cho văn bản không bị quấn trong css?

Buộc các nút ở cùng một dòng sẽ khiến chúng vượt ra ngoài chiều rộng cố định của div mà họ đang ở. Nếu bạn ổn với điều đó thì bạn có thể tạo một div khác bên trong div mà bạn đã có. Lần lượt div mới sẽ giữ các nút và có chiều rộng cố định của tuy nhiên nhiều không gian mà hai nút cần phải ở trong một dòng.

Đây là một ví dụ:

Bạn có thể muốn xem xét tài sản tràn cho phần nội dung bên ngoài biên giới

3.

Chúc may mắn!

Đã trả lời ngày 3 tháng 4 năm 2014 lúc 1:29Apr 3, 2014 at 1:29

Làm cách nào để tắt kết thúc văn bản?

Bật hoặc tắt gói văn bản cho hộp văn bản, hộp văn bản phong phú hoặc hộp biểu thức.Nhấp chuột phải vào điều khiển mà bạn muốn bật hoặc tắt gói văn bản, sau đó nhấp vào các thuộc tính điều khiển trên menu phím tắt.Nhấp vào tab Hiển thị.Chọn hoặc xóa hộp kiểm Văn bản Wrap.Right-click the control for which you want to enable or disable text wrapping, and then click Control Properties on the shortcut menu. Click the Display tab. Select or clear the Wrap text check box.

Làm cách nào để giữ văn bản trong một dòng trong CSS?

Nếu bạn muốn giới hạn độ dài văn bản ở một dòng, bạn có thể cắt dòng, hiển thị dấu chấm lửng hoặc chuỗi tùy chỉnh.Tất cả những điều này có thể được thực hiện với thuộc tính dòng văn bản CSS, xác định cách thức nội dung tràn phải được báo hiệu cho người dùng.clip the line, display an ellipsis or a custom string. All these can be done with the CSS text-overflow property, which determines how the overflowed content must be signalled to the user.

Làm thế nào để bạn tạo một yếu tố không bao bọc?

Bạn cần tài sản không gian trắng.Như chúng ta biết, thuộc tính này giúp chúng ta xử lý các không gian trong phần tử.Vì vậy, nếu bạn muốn không bọc nội dung của các yếu tố được đề cập ở trên, bạn cần sử dụng giá trị của Now Now NowRap của thuộc tính không gian trắng.use the “nowrap” value of the white-space property.

Những gì không có bọc trong CSS?

Giá trị tài sản.