Ver originales (Francés)

Ajustar la longitud del texto a la dimensión de una celda

Maa -  
 Aiceberg -
Hola,

Me gustaría ajustar la longitud del texto al tamaño de una celda en una tabla en HTML.
¿Alguien puede ayudarme?
Gracias

Configuración: Android / Chrome 80.0.3987.132

1 respuesta

  1. Aiceberg
     
    Hola,
    para todo lo relacionado con la maquetación hay que usar CSS.
    Las tablas NO DEBEN usarse para la maquetación a menos que se trate de datos tabulares (su contenido no será indexado por los motores de búsqueda como contenido, sino como datos tabulares, como una lista con filas y columnas).
    Dicho esto, si tienes realmente datos tabulares, aquí tienes un ejemplo de lo que quieres: 

    <html> <head> <!-- en la etiqueta de estilo pongo la regla CSS, por supuesto es más práctico utilizar un archivo externo llamado, por ejemplo, "style.css"--> <style type="text/css" rel="sylesheet"> td p{ width:100%; text-align:justify; } </style> <!-- una regla de estilo en cascada se compone de un selector y entre las llaves las reglas que queremos modificar, aquí el selector indica todas las etiquetas p contenidas en un td y las reglas indican que el texto (p) debe ocupar el 100% del espacio disponible (la celda td) y que el texto debe estar justificado. El espacio disponible depende entonces del tamaño de la celda. También es posible usar clases CSS que pueden ser más prácticas porque reutilizables de otra forma que en una tabla. Para más información formaos en CSS. --> </head> <body> <table> <tr> <td>titre colonne 1</td> <td>colonne 2</td> <td>colonne 3</td> </tr> <tr> <td><p>contenu col1 ligne1</p></td> <td><p>col2 ligne1</p></td> <td><p>col3 ligne 1</p></td> </tr> <tr> <td><p>contenu col1 ligne1</p></td> <td><p>col2 ligne1</p></td> <td><p>col3 ligne 1</p></td> </tr> </table> </body> </html>


    CSS es complementario e indispensable para HTML.
    HTML sirve para indicar la jerarquía y la naturaleza de los contenidos y CSS para indicar su apariencia y maquetación. Al planificar una página web, hay que separar el fondo (HTML) de su forma (presentación con CSS).
    Es por eso (y también porque es menos práctico y más largo de escribir) que las tablas nunca deben usarse para maquetación.
    Si se hiciera, fue hace más de 15 años antes de la aparición de CSS, que facilita la escritura de una página y permite visuales mucho más fáciles de escribir y ofrece enormemente más posibilidades.
    0