Bootstrap wyśrodkowanie w pionie elementów w tabeli

Question

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

Answer 1

  <style>
  	tr > td {
    	vertical-align: middle !important;
    }
  </style>

 

Comments

tylko z tym bym uważał bo to przełamuje kaskadowość

---

pokaż kod a zobaczymy co jest nie tak

---

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

Answer 2

Jeśli są to pojedyncze linie tekstu to możesz zastosować line-height o tej samej wartości co wysokość komórek.