Buenos dias.
Necesito saber como hago para que las casillas de una tabla, en el caso de que el texto que va dentro sea mayor al espacio no se deformen, y que el texto no realice ningun salto de carro.
Un saludo y gracias.
08/07/2009, 00:22
| |||
| |||
| Formato table. Casillas que no se agranden Buenos dias. Necesito saber como hago para que las casillas de una tabla, en el caso de que el texto que va dentro sea mayor al espacio no se deformen, y que el texto no realice ningun salto de carro. Un saludo y gracias. |
|
08/07/2009, 11:29
| ||||
| ||||
| Respuesta: Formato table. Casillas que no se agranden con el uso de la propiedad overflow:hidden desde css  |
|
08/07/2009, 12:44
| |||
| |||
| Respuesta: Formato table. Casillas que no se agranden Ahondando algo más la respuesta de Emiliodeg. 1º: Si una tabla no tiene definido el tamaño, el ancho de las celdas se adaptará/variará en función del contenido de cada una. Así que si una aumenta, el resto disminuyen. Para evitarlo, además de fijar medida de cada celda, dale a la tabla la propiedad table-layout="fixed" 2º: Con la propiedad "overflow" sólo controlas en comportamiento de contenido cuando no cabe en su caja, pero siendo texto las nuevas líneas las crea el navegador coincidiendo con los espacios en blanco. 3º: Para controlar la nuevas líneas (no el salto de línea: <br/>) puedes utilizar la propiedad "white-space". Los valores que impedirán crear nuevas líneas (por lo tanto se mostrará todo el texto en una sóla) son: "pre" respetará los espacios en blanco consecutivos "nowrap" sólo dejará un espacio en blanco en caso de haber varios consecutivos. Un saludo |
