Sự khác nhau giữa css display none và css visibility hidden

Đây là một câu hỏi thường hay được hỏi trong những cuộc phỏng vấn. Nên hôm nay mình làm một bài để phân tích sơ qua cho các bạn thấy được sự khác nhau của 2 thuộc tính css: display none và css visibility hidden

Điểm chung: 2 thuộc tính đều cho phép ẩn đi một element html được nói đến.

Khác nhau:
Bạn xem hình bên dưới sau


display none: thuộc tính sẽ ẩn đi luôn thẻ trong cây html, nhường chỗ cho các thẻ còn lại. Thường dùng thuộc tính này để sử dụng ẩn/hiện trong Jquery
visibility hidden: sẽ ẩn đi nhưng vẫn chiếm khoảng trống trong cây html. Thuộc tính này tương tự như `opacity:0`

Tuỳ vào mục đích sử dụng mà ta chọn thuộc tính nào cho phù hợp.

5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest

0 Góp ý
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận

More Post

MySQL Procedure là gì?

Procedure trong MySQL là một tập các khai báo sql được lưu trữ trong cơ sở dữ liệu(database) thực...

Dependency Injection và Service Container trong Laravel

Service Container trong Laravel như là trung tâm của một ứng dụng, có mặt mọi nơi trong dự án,...

Laravel Swagger là gì? Hướng dẫn tạo Swagger trong Laravel

Swagger là một framework giúp bạn định nghĩa, mô tả các API trong dự án một cách trực quan, rõ...

2
0
Rất thích suy nghĩ của bạn, hãy bình luận.x