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

Bootstrap wyśrodkowanie w pionie elementów w tabeli

VPS Starter Arubacloud
0 głosów
1,660 wizyt
pytanie zadane 26 marca 2017 w HTML i CSS przez niezalogowany

Cześć, obecnie w bootstrap mam tabelę która wyświetla różne rzeczy, między innymi zdjęcie które rozciąga cały rząd w dół a komórki gdzie jest tekst pozostają u góry.

Efekt chcę uzyskać taki że, tekst w pozostałych komórka będzie wyśrodkowany w pionie czyli w połowie wysokości zdjęcia w kolumnie 2,

Kodu tabeli nie daję bo to jest zwykła tabela bootstrap skopiowana z w3school

2 odpowiedzi

0 głosów
odpowiedź 26 marca 2017 przez hoktaur Pasjonat (22,250 p.)
wybrane 28 marca 2017
 
Najlepsza
  <style>
  	tr > td {
    	vertical-align: middle !important;
    }
  </style>

 

komentarz 26 marca 2017 przez Patryk Rafał Bywalec (2,700 p.)
tylko z tym bym uważał bo to przełamuje kaskadowość
komentarz 26 marca 2017 przez Patryk Rafał Bywalec (2,700 p.)
pokaż kod a zobaczymy co jest nie tak
komentarz 26 marca 2017 przez hoktaur Pasjonat (22,250 p.)

Z jego kodem nie ma problemu po prostu BS domyślnie nadpisuje więc musisz wymusić

element {
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
tr > td {
    vertical-align: middle;
}

0 głosów
odpowiedź 26 marca 2017 przez Assasz Nałogowiec (30,460 p.)
Jeśli są to pojedyncze linie tekstu to możesz zastosować line-height o tej samej wartości co wysokość komórek.

Podobne pytania

+1 głos
3 odpowiedzi 1,341 wizyt
pytanie zadane 15 listopada 2016 w HTML i CSS przez Dynamic Bywalec (2,910 p.)
0 głosów
4 odpowiedzi 12,044 wizyt
pytanie zadane 8 października 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)
0 głosów
1 odpowiedź 537 wizyt
pytanie zadane 30 marca 2019 w HTML i CSS przez JakuBB Nowicjusz (220 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...