• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

centrowanie w pionie

Aruba Cloud - Virtual Private Server VPS
0 głosów
365 wizyt
pytanie zadane 30 października 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)
<div class="ui-grid-b ui-responsive" style="background:rgba(170,165,155,0.5); height:15%;">
    <div class="ui-block-a"><div class="ui-body ui-body-d"><h2>A</h2></div></div>
    <div class="ui-block-b"><div class="ui-body ui-body-d"><input type="number"></div></div>
    <div class="ui-block-c"><div class="ui-body ui-body-d"><h2>B</h2></div></div>
</div>

 

Mam taki kod i pytanie jak elementy h2 oraz inputa wyśrodkować w pionie?

 

1 odpowiedź

+1 głos
odpowiedź 30 października 2016 przez Przemek Zembrzuski Gaduła (3,240 p.)
wybrane 30 października 2016 przez redstar1
 
Najlepsza
Masz kilka sposobów:

1. na elementy które chcesz wyzrodkowac dajesz position absolute, top 50% i transforme translateY (-50%) oraz na rodzica position relative

2. Na rodzica dajesz display flex, flex-direction row, align-items center

Podobne pytania

0 głosów
1 odpowiedź 162 wizyt
pytanie zadane 22 maja 2020 w HTML i CSS przez Marak123 Stary wyjadacz (11,190 p.)
0 głosów
1 odpowiedź 482 wizyt
pytanie zadane 16 grudnia 2016 w HTML i CSS przez Paweł Kieryk Początkujący (450 p.)
0 głosów
3 odpowiedzi 618 wizyt
pytanie zadane 9 lutego 2017 w HTML i CSS przez Giovacho Użytkownik (960 p.)

93,336 zapytań

142,332 odpowiedzi

322,418 komentarzy

62,672 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...