una - tablas en html ejemplos
Centrar texto en celda de tabla (2)
¿Qué tal simplemente? (Por favor, tenga en cuenta que puede tener un mejor nombre para el nombre de la clase, esto es simplemente un ejemplo):
.centerText{
text-align: center;
}
<div>
<table style="width:100%">
<tbody>
<tr>
<td class="centerText">Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td class="centerText">Cell 3</td>
<td>Cell 4</td>
</tr>
</tbody>
</table>
</div>
Ejemplo here
Puede colocar el css en un archivo separado, que se recomienda. En mi ejemplo, creé un archivo llamado styles.css y coloqué mis reglas de css en él. Luego inclúyalo en el documento html en la sección <head> siguiente manera:
<head>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
La alternativa, no crear un archivo css separado, no se recomienda en absoluto ... Cree un bloque <style> en su <head> en el documento html. Entonces simplemente coloca tus reglas allí.
<head>
<style type="text/css">
.centerText{
text-align: center;
}
</style>
</head>
Parece que no puedo encontrar la respuesta a mi problema. Tengo una tabla con dos filas y dos columnas (como el código que se muestra a continuación), ¿cómo centro la alineación del texto en celdas específicas? Me gustaría centrar la alineación del texto en una o dos de las celdas, no en todas las celdas.
<div style="text-align: center;">
<table style="margin: 0px auto;" border="0">
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</tbody>
</table>
</div>
Recomendaría usar CSS para esto. Debería crear una regla CSS para imponer el centrado, por ejemplo:
.ui-helper-center {
text-align: center;
}
Y luego agregue la clase ui-helper-center a las celdas de la tabla para las que desea controlar la alineación:
<td class="ui-helper-center">Content</td>
EDITAR : Desde que se aceptó esta respuesta, me sentí obligado a editar las partes que causaron una guerra de flamas en los comentarios, y no promover prácticas pobres y obsoletas.
Vea la respuesta de Gabe sobre cómo incluir la regla CSS en su página.