2012-07-27 29 views
8

Câu hỏi của tôi rất đơn giản:Hãy div KHÔNG auto căng đến độ rộng chứa

Bạn có thể ngăn chặn một div từ tự động kéo dài đến chiều rộng của nguyên tố chứa của nó và có nó chỉ kéo dài theo chiều ngang càng nhiều càng tốt các nội dung bên trong nó buộc ?

Loại giống như hành vi dọc mặc định của div nhưng được áp dụng theo chiều ngang. Điều này có thể không?

Trả lời

17

Bạn sẽ phải thiết lập các display tài sản để inline-block

<div style="display: inline-block">Text</div> 
4

Trên thực tế, display:inline sẽ có trình duyệt hỗ trợ tốt hơn, nhưng có thể không đạt được kết quả mong muốn, nó sẽ giữ div phù hợp với nội dung , a la <span>.

Có hai loại yếu tố: chặn và nội tuyến. Khối yếu tố kéo dài đến chiều rộng và phá vỡ dòng. Nội tuyến kéo dài đến nội dung và vẫn nội tuyến. (!)

display:inline-block đang nhận được hỗ trợ tốt hơn, nhưng các trình duyệt cũ hơn sẽ không thực hiện.

Các vấn đề liên quan