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?
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
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
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
,
Button 1 text
Button 2 text
0,
Button 1 text
Button 2 text
1 hoặc bất cứ điều gì khác.Hy vọng điều đó sẽ giúp ai đó.
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
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
Button 1 text
Button 2 text
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:
Button 1 text
Button 2 text
Đã trả lời ngày 9 tháng 11 năm 2009 lúc 20:02Nov 9, 2009 at 20:02
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ụ:
1
2
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
Button 1 text
Button 2 text
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