2012-02-10 59 views
7

Ai đó có thể giải thích sự khác biệt giữa 'chặn' và 'chặn nội dòng' cho cài đặt hiển thị CSS không?inline-block có ý nghĩa gì đối với css?

+0

Nếu bạn suy nghĩ về cách một hình ảnh xuất hiện trong một dòng văn bản, bạn sẽ nhận được các ý tưởng thực hiện một yếu tố inline-block. – animuson

Trả lời

14

Về cơ bản, đó là một cách để làm cho các yếu tố nội tuyến, nhưng giữ gìn khả năng block của họ chẳng hạn như thiết lập chiều rộng và chiều cao, phía trên và lề dưới và miếng đệm vv Ví dụ:

Inline-block demo

(Nguồn: http://www.impressivewebs.com/inline-block/)

4

khối nội tuyến xử lý phần tử như các phần tử nội tuyến khác nhưng cho phép sử dụng thuộc tính khối.

Các yếu tố có màn hình: khối chiếm nhiều chiều rộng khi chúng được cho phép và thường bắt đầu trên một dòng mới.

+0

Ah, tốt để biết về khía cạnh 'dòng mới'. 'inline-block' thực sự khá tiện lợi. – DnfD

0

Đây là một bài viết chi tiết tuyệt vời về chủ đề này: What’s the Deal With Display: Inline-Block?

+0

Lưu ý rằng [câu trả lời chỉ có liên kết] (http://meta.stackoverflow.com/tags/link-only-answers/info) không được khuyến khích, các câu trả lời SO phải là điểm cuối của việc tìm kiếm giải pháp (so với nhưng một điểm dừng khác của tài liệu tham khảo, mà có xu hướng để có được cũ theo thời gian). Vui lòng xem xét thêm bản tóm tắt độc lập tại đây, giữ liên kết dưới dạng tham chiếu. – kleopatra

+0

@kleopatra cảm ơn ghi chú và tôi sẽ xem xét điều đó vào lần sau. – Amr

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