Wyrównanie pionowe w tabeli ładowania początkowego

Question

Próbuję wyświetlić tabelę z 4 kolumnami, z których jedna jest obrazem. Poniżej znajduje się zrzut ekranu: -

Chcę wyrównać tekst w pionie do położenia środkowego, ale jakoś css nie działa. Użyłem tabel reagujących na bootstrap. Chcę wiedzieć, dlaczego mój kod nie działa i jaka jest właściwa metoda, aby działał.

Poniżej znajduje się kod na stole

CSS

img { 
    height: 150px; 
    width: 200px; 
} 
th, td { 
    text-align: center; 
    vertical-align: middle; 
} 

HTML

<table id="news" class="table table-striped table-responsive"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Email</th> 
      <th>Phone</th> 
      <th>Photo</th> 
     </tr> 
    </thead> 
    <tbody> 
     <?php 
     $i=0; 
     foreach ($result as $row) 
     { ?> 
     <tr> 
      <td> 
       <?php echo 'Lorem Ispum'; ?> 
      </td> 
      <td> 
       <?php echo 'lrem@ispum.com'; ?> 
      </td> 
      <td> 
       <?php echo '9999999999'; ?> 
      </td> 
      <td> 
       <?php echo '<img src="'. base_url('files/images/test.jpg').'">'; ?> 
      </td> 
     </tr> 

     <?php 
     } 
     ?>   
    </tbody> 
</table> 

Answer 1

W oparciu o to, co podałeś swój selektor CSS nie jest specific wystarczy nadpisać reguły CSS zdefiniowane przez Bootstrap.

Spróbuj tego:

pojawia

.table > tbody > tr > td { 
    vertical-align: middle; 
}