Sabemos cómo escribir CSS para saltos de línea Div y saltos sin línea. Pero para las celdas de la tabla, solo conocemos un atributo, nowrap, que puede evitar que se ajuste. He tenido esta necesidad recientemente, pero descubrí que agregar nowrap aún causará saltos de línea en algunos casos. Desafortunadamente, ¿no hay forma de forzar saltos de línea?
Cómo utilizar CSS para realizar un ajuste automático o no ajuste de líneas de los datos de las celdas de la tabla:
1. Salto de línea forzado:
＜tipo de estilo="text/css"＞
.AutoNewline
{
salto de palabra: romper todo;/*obligatorio*/
}
＜/estilo＞
<tabla>
＜tr＞
＜td class="AutoNewline"＞
envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática envoltura de línea automática
＜/td＞
＜/tr＞
＜/mesa＞
2. No forzar saltos de línea:
＜tipo de estilo="text/css"＞
.Sin nueva línea
{
salto de palabra: conservar todo;/*requerido*/
}
＜/estilo＞
<tabla>
＜tr＞
＜td class="NoNewline"＞Sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea, sin salto de línea＜/td ＞
＜/tr＞
＜/mesa＞