¿Cuál es la diferencia entre el espaciado de celdas y el relleno de celdas de las tablas?
La diferencia entre cellpadding
y cellpacing:
El atributo cellpacing se utiliza para especificar el espacio entre las celdas de la tabla. El valor del parámetro de este atributo es un valor numérico que indica el número de píxeles ocupados por el espacio de celda.
Mire las siguientes dos tablas:
Comparando los códigos, las únicas
espaciado de celdas
configuraciones en las dos tablas anteriores son diferente, uno es "0" y el otro es "8". El resultado mostrado es que el espacio entre cada celda en la primera tabla es 0 (en este ejemplo, debido a que configuramos el borde de la tabla en "1" para facilitar la visualización, el espacio real entre celdas es "2", si la tabla el borde está establecido en "0", el espacio entre celdas
es 0, el espacio entre cada celda en la segunda tabla es el mismo), cada celda en la segunda tabla El espacio entre celdas es 8.
La propiedad cellpadding se utiliza para especificar el tamaño de la distancia de relleno entre el contenido de la celda y el límite de la celda. El valor de esta propiedad también es un número que representa el número de píxeles ocupados por el contenido de la celda y la altura del espacio en blanco entre los bordes superior e inferior, y el número de píxeles ocupados por el contenido de la celda y el ancho del espacio en blanco. espacio entre los bordes izquierdo y derecho. Echemos un vistazo a este ejemplo:
Mire las siguientes dos tablas:
La primera tabla tiene la distancia en blanco entre el contenido de la celda y el borde de la celda, mientras que la segunda tabla tiene la distancia en blanco entre el contenido de la celda y el borde de la celda. distancia en blanco entre el contenido de la celda y el límite de la celda de las dos tablas, comparemos sus códigos fuente:
El código de la primera tabla:
width="120 ">Página web tao bar
Las dos tablas solo se diferencian en la parte roja del código. En la primera tabla, la celda con las palabras "Web Pottery Bar" es 0 porque cellpadding="0" está establecido. En la primera tabla, las palabras “Web Pottery Bar” están alejadas de la celda donde se encuentra. Esto se debe a que está configurado cellpadding="15", es decir, las palabras “Web Pottery Bar” están a 20 cuadras de la celda. borde de la celda donde se encuentra. En pocas palabras, el valor de cellpadding es igual a cuánto espacio retiene una celda de la tabla hacia adentro desde su propio borde, de modo que los elementos de la celda nunca entrarán en esos espacios.