Ana içeriğe geç

Dikey Hizalama

Dikey hizalama öğelerinin hizalamasını vertical-alignment araçlarıyla değiştirin. Dikey hizalamanın yalnızca satır içi, satır içi blok, satır içi tablo ve tablo hücresi öğelerini etkilediğini lütfen unutmayın.

bilgi

Gerekli olduğunda .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom ve .align-text-top'tan birini seçin.

Satır içi olmayan içeriği (örneğin `ler ve daha fazlası) dikey olarak ortalamak için flex box araçlarımızı` kullanın.

Satır içi öğelerle:​

baseline top middle bottom text-top text-bottom

Tablo hücreleriyle:​

  baseline
  top
  middle
  bottom
  text-top
  text-bottom

Sass​

Araçlar API'si​

Dikey hizalama araçları scss/_utilities.scss dosyamızdaki araçlar API'sinde tanımlanmıştır. Araçlar API'sini nasıl kullanacağınızı öğrenin.

ipucu

Dikey hizalama ile ilgili daha fazla bilgi için dokümantasyonu gözden geçirin ve tüm seçeneklerinizi keşfedin.