Giải thích sự khác biệt giữa các phần tử <block> và các phần tử <inline> ?

{{FormatNumbertoThousand(model.total_like)}} lượt thích
1.252 lượt xem
Html/CSS middle

Các phần tử <block> là những phần tử chiếm toàn bộ chiều rộng có sẵn trên một trang web, ngăn chặn một cách hiệu quả bất kỳ phần tử nào khác ở bên trái hoặc bên phải.

Phần tử <inline> là những phần tử chỉ chiếm tối đa chiều rộng cần thiết để hiển thị nội dung của phần tử, do đó cho phép các phần tử khác được cùng dòng (line) với phần tử inline đó.

Các phần tử <block> phổ biến:

  • Đoạn văn<p>
  • Phân khu <div>
  • Tiêu đề <h1> đến <h6>
  • Danh sách <ol>, <ul>, <li>
  • Mẫu nhập <form>

Các phần tử <inline> phổ biến:

  • <span>
  • <img>
  • <a>
{{login.error}}