Para dividir una tabla en HTML en cuatro partes iguales, ¿cuál es el código?

Supongo que quieres tener cuatro columnas con el mismo ancho. Si mi presentimiento es correcto, puede proporcionar un ancho del 25% para cada una de las columnas. Aquí está el HTML que lo hace:

El código anterior debería funcionar bien en circunstancias normales. Sin embargo, si tiene un texto largo, puede estropear el formato. En tales circunstancias, agregue el atributo de estilo para modificar el estilo de ajuste de texto para dichas columnas. Aquí hay un ejemplo:

Aquí hay un consejo adicional: puede usar Tryit Editor v3.0 para jugar con código HTML.

Queremos cuatro columnas con el mismo ancho y podemos proporcionar un ancho del 25% para cada una de las columnas. Para obtener más detalles sobre la columna de la tabla, vaya al dominio web php. Aquí el código de la siguiente manera

Mes Ahorro ¡Ahorros para vacaciones! ¡Ahorros para vacaciones nuevamente!
Ahorros para holidaaaaaaaaaaaaaaaaaaaaaaaay!

Mes

Autos

ahorro

Ahorro de utilidad

El código anterior podría estar bien para circunstancias normales. Sin embargo, si tiene un texto largo, puede estropear el formato. En tales circunstancias, agregue el atributo de estilo para modificar el estilo de ajuste de texto para dichas columnas.

Depende de si desea cuatro columnas / una fila o dos filas / dos columnas

A continuación se muestra la forma estándar de hacerlo. Puede obtener más información sobre desarrollo web en Archivos de desarrollo web – Divinity In Tech

Una fila y dos columnas

Primera tabla Segunda tabla Tercera tabla Cuarta tabla

Dos filas y dos columnas

Primera tabla Segunda tabla
Tercera tabla Cuarta tabla

Suponiendo que necesita cuatro columnas de igual ancho:

Primero

Segundo

Tercero

Cuarto

Para cualquier número de columnas, puede ajustar los valores de ancho y amplitud. Por ejemplo, si la tabla necesita 5 columnas iguales, cambie span = ”5” y width = ”20%” en

esta es la manera de hacer eso …




Tablas HTML

Tabla

Lorem Ipsum yuoma yuoma
blaa blaa blaa bla bla
blaa blaa blaa bla bla
blaa blaa blaa bla bla
blaa blaa blaa bla bla

A continuación se muestra la salida del programa:

—Lo siento por el texto ‘ Lorem Ipsum Blaa ‘ –

Columna 1

Columna 2

Columna 3

Columna 4

Datos de la columna 1

Datos de la columna 2

Datos de la columna 3

Datos de la columna 4