¿Cómo aumentar la distancia entre las columnas de la tabla en HTML?

Este escrito ha sido probado por nuestros especialistas para garantizar la veracidad de este ensayo.

Solución:

No hay necesidad de falso

s. Hacer uso de border-spacing en lugar de. Aplicarlo así:

HTML:

  

    
First Column
    
Second Column
    
Third Column
  

CSS:

table 
  border-collapse: separate;
  border-spacing: 50px 0;


td 
  padding: 10px 0;

Míralo en acción.

Establecer el ancho de la

s a 50px y luego agrega tu

+ otro falso

Violín.

table tr td:empty 
  width: 50px;

  
table tr td 
  padding-top: 10px;
  padding-bottom: 10px;

  

    
First Column
    

    
Second Column
    

    
Third Column
  

Código explicado:

La primera regla de CSS verifica si hay td vacíos y les da un ancho de 50 px, luego la segunda regla proporciona el relleno de arriba y abajo a todos los td.

Si entiendo correctamente, quieres este violín.

table 
  background: gray;

td     
  display: block;
  float: left;
  padding: 10px 0;
  margin-right:50px;
  background: white;

td:last-child 
  margin-right: 0;

  

    
Hello HTML!
    
Hello CSS!
    
Hello JS!
  

valoraciones y reseñas

Puedes defender nuestro trabajo exponiendo un comentario o puntuándolo te estamos agradecidos.

---

---

Utiliza Nuestro Buscador