html espaciamiento dentro de la tabla

StackOverflow https://stackoverflow.com/questions/3871237

  •  28-09-2019
  •  | 
  •  

Pregunta

¿Cómo puedo aumentar el espacio en esta tabla "Fila 1, celda 1"? 

 <html>
 <table border="1">
 <tr>
 <td>Row 1, cell 1</td>
 <td>Row 1, cell 2</td>
 </tr>
 </table>  
 </html>

pls comprueban aquí para obtener la imagen: http://img227.imageshack.us/img227/6166/htmln.png

Es esto correcto: 

 <table border="1" td.my-cell { padding:100px; }>
<tr>
<td class="my-cell">Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
¿Fue útil?

Solución

Puede utilizar cualquiera cellpadding o el uso de CSS 

.cellpadding {
   padding-left: 5px;
   padding-right: 5px;
}

<td class="cellpadding">Row 1, cell 1</td>

Editar Su Mensaje editado está mal .... hacer esto: 

<table border="1">
    <tr>
        <td style="padding-left: 5px; padding-right: 5px;">Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

Otros consejos

Se puede agregar una clase a esa célula específica y luego usar ese nombre de clase para aplicar CSS: 

.larger {
height: 2em;
width: 4em;
padding: 2em;
}

<!-- rest of table -->
<td class="larger">Row 1, cell 1</td>
<!-- rest of table -->

O usted podría utilizar style-reglas específicas para aplicar un estilo particular: 

tr td:first-child /* selects the first td within a tr */

A pesar de esto se aplicaría a la primera td de todos fila.

detalles sobre el "espacio"? se puede agregar relleno al TD si eso es lo que quiere decir con "espacio"

table td { padding:5px; }

Si lo que desea es que la célula más grande, añadir un calss

table td.my-cell { padding:5px; }

<td class="my-cell">Row 1, cell 1</td>

o qué se refiere

<td>Row 1, cell1</td>

Puede aumentar el espacio entre las palabras de esta manera:

table td { word-spacing: 20px; /* adjust */ }

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top