Buen día,
Deseo alinear el texto verticalmente de una tabla que viene siendo 'impresa' por medio de un .php por ajax, he intentado ponerle el atributo a las etiquetas td con:
valign="center" (leí que ya no funciona en HTML5, por ende se supone que por eso no funcinó)
intenté ponerle las clase de bootstrap (según leí en https://getbootstrap.com/docs/4.0/utilities/vertical-align/)
class="align-middle" class="align-text-middle"
intenté con css
td { vertical-align: center: }
y también
td { vertical-align: middle; }
nada funciona, la que si sirve es ponerle el atributo a las td como align="center" que lo hace horizontalmente, actualmente el codigo lo tengo como lo dejo abajo después de realizar una consulta mySql, me pregunto si no esta funcionando por que viene la tabla desde un php y no esta plasmada como tal en el .html, eso tiene que ver?
<?php
while($row=mysqli_fetch_array($result))
{
echo '<tr>';
echo '<td align="center">'.$row['id'] . '</td>';
echo '<td align="center">'.$row['tipo_solicitud'] . '</td>';
echo '<td align="center">'.$row['nombre'] . '</td>';
echo '<td align="center">'.$row['celular'] . '</td>';
echo '<td align="center">'.$row['direccion'] . '</td>';
echo '<td align="center">'.$row['email'] . '</td>';
echo '<td align="center">'.$row['comentarios'].'</td>';
//se pone // para indicar que es una ruta nueva, si no toma la carpeta actual y concatena con la ruta en MySql
echo '<td align="center"><a href="//'.$row['ruta_foto1'].'" target="_blank">Ver foto1</a></td>';
echo '<td align="center"><a href="//'.$row['ruta_foto2'].'" target="_blank">Ver foto2</a></td>';
echo '<td align="center" bgcolor="#dd425c">' . $row['estado'] . '</td>';
echo '<td align="center"><button id="'.$row['id'].'" onclick="eliminar_solicitud_revision_tecnica_estado_solicitado(this)" class="btn btn-danger">Eliminar solicitud</button></td>';
echo '<td align="center"><button id="'.$row['id'].'" onclick="confirmar_visita(this)" class="btn btn-default">Confirmar visita</button></td>';
echo '</tr>';
}
?>
td
los estás creando dentro de<table><tbody> ... </tbody></table>
?class="align-middle"
de Bootstrap debería funcionar si tienes bien vinculado la librería en tu proyecto.