Source

Hiển thị

Kiểm soát khả năng hiển thị, mà không sửa đổi màn hình, của các phần tử có tiện ích hiển thị.

Đặt các visibilityyếu tố với các tiện ích hiển thị của chúng tôi. Các lớp tiện ích này hoàn toàn không sửa đổi displaygiá trị và không ảnh hưởng đến bố cục - .invisiblecác phần tử vẫn chiếm dung lượng trong trang. Nội dung sẽ bị ẩn cả về mặt trực quan và đối với người dùng công nghệ hỗ trợ / trình đọc màn hình.

Áp dụng .visiblehoặc .invisiblekhi cần thiết.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}