2015-06-08 9 views
6

Czy są jakieś znane sposoby na centrowanie znacznika <div> przy użyciu środowiska programistycznego Semantic UI, bez dodawania własnych stylów CSS?Semantyczne UI - Pionowe centrujące div

Próbowałem kilka znaczników związanych z pozycją w documentation, takich jak <div class="centered grid'>, jednak te działają tylko w przypadku centrowania poziomego.

Nie jest to przypadek wymagającej implementacji, jestem zaskoczony czymś tak powszechnym, jak pionowe centrowanie nie jest objęte ramami rozwoju sieci i jestem ciekawy, czy moje wyszukiwania w Google i oczy przeszły przez to. Przed stworzeniem niestandardowych stylów wolałbym przestrzegać stylów ramowych. Wiem, że istnieje kilka metod implementacji mojego pionowego centrowania (jest to według mnie najmniej preferowana opcja do wdrożenia), jednak wolałbym użyć klasy z frameworka.

Odpowiedz

4

Zgodnie z Semantic UI v2.2.2, możesz wymusić pionowe wyrównanie w środku, dodając klasy (klasy) middle aligned. wpływa ona następujące elementy:

  • table, jego wiersze i komórki,
  • grid, jego wiersze i kolumny,
  • image,
  • list i item z obrazem,
  • modal zawartość dialogowe .

Ty nie można ustawić pionowe wyrównanie w środku tamtędy do arbitralnego div elementu, poza którykolwiek z tych struktur.

W przeciwnym razie, niektóre inne elementy semantyczne UI wyrównać ich treść pionowo w środku domyślnie:

Powiązane problemy