Logowanie

Bootstrap wyśrodkowanie w pionie elementów w tabeli

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

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;
}