Ich versuche, eine Tabelle mit 4 Spalten anzuzeigen, von denen eine ein Bild ist. Unten ist der Schnappschuss: - Vertikale Ausrichtung in Bootstrap-Tabelle
Ich möchte den Text vertikal zur Mittelposition ausrichten, aber irgendwie scheint das CSS nicht zu funktionieren. Ich habe die bootstrap reaktionsfähigen Tabellen verwendet. Ich möchte wissen, warum mein Code nicht funktioniert und was die richtige Methode ist, damit es funktioniert.
folgenden ist der Code für die Tabelle
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 '[email protected]'; ?>
</td>
<td>
<?php echo '9999999999'; ?>
</td>
<td>
<?php echo '<img src="'. base_url('files/images/test.jpg').'">'; ?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
Was ist, wenn ich das nur in einer Tabelle verwenden möchte? –
Hoppla ... machte es falsch. Ich habe versucht .table tbody> tr> td> .vert-align anstelle von .table tbody> tr> td.vert-align. –
@BarryFranklin Fügen Sie eine Klasse zu dieser Tabelle hinzu, '
Die folgende scheint funktionieren:
Sie auf eine bestimmte Tabelle anwenden können ebenso wie so:
Quelle
2017-07-29 15:02:15 Vasco
'! Wichtig' ist Overkill und fügt viel mehr Spezifität als nötig hinzu. – hungerstar
Für mich
<td class="align-middle" >${element.imie}</td>
Werke . Ich benutze Bootstrap v4.0.0-beta.Quelle
2017-10-31 20:18:14
Verwandte Themen