2015-06-08 15 views
6

Có cách nào để tập trung một thẻ <div> bằng cách sử dụng khuôn khổ phát triển web của Semantic UI mà không thêm kiểu CSS của riêng tôi không?Giao diện người dùng ngữ nghĩa - Dọc theo chiều dọc một div

Tôi đã thử một số thẻ liên quan đến vị trí trong documentation, chẳng hạn như <div class="centered grid'>, tuy nhiên, chúng chỉ hoạt động đối với định tâm nằm ngang.

Đây không phải là trường hợp triển khai đầy thử thách, tôi ngạc nhiên khi có gì đó giống như việc định tâm dọc không được bao gồm trong khuôn khổ phát triển web và tôi tò mò nếu tìm kiếm và đôi mắt Google của tôi bị lóa mắt. Tôi thích tuân thủ các kiểu khung trước khi tạo kiểu tùy chỉnh. Tôi biết rằng có một số phương pháp để thực hiện trung tâm dọc của riêng tôi (đây là lựa chọn ít thích hợp nhất trong quan điểm của tôi để thực hiện), tuy nhiên tôi muốn sử dụng một lớp từ khung công tác.

Trả lời

4

Theo Giao diện người dùng ngữ nghĩa v2.2.2, bạn có thể buộc căn chỉnh theo chiều dọc ở giữa bằng cách thêm middle aligned lớp học. Nó ảnh hưởng đến các yếu tố sau:

  • table, hàng và các tế bào của nó,
  • grid, hàng và cột của nó,
  • image,
  • listitem với một hình ảnh,
  • nội dung hộp thoại modal .

Bạn không có thể thiết lập sự liên kết dọc ở giữa con đường đó để một yếu tố tùy ý div, bên ngoài bất kỳ của các cấu trúc.

Nếu không, một số yếu tố UI Semantic khác sắp xếp nội dung của họ theo chiều dọc ở giữa theo mặc định:

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