Cómo usar CSS para definir el ajuste automático de líneas de tablas para evitar el estiramiento

Autor：Eve Cole Fecha de actualización：2025-01-16 14:05:37

Tuve la misma reunión regular esta mañana y señalé un error en una de mis páginas. Las capas estaban abiertas. En ese momento estaba bastante deprimido porque estaba haciendo pruebas en chino y no hubo ningún problema. al inglés. Estaba arruinado y cambiado hasta quedar irreconocible. Cámbialo, no hay manera, la tecnología no es lo suficientemente buena ~555~~.
Lo anterior es solo para quejarse. Puede guardarlo y registrar la solución que encontró para poder encontrarla más tarde.
==================================================== ===

style="table-layout: fijo; WORD-BREAK: romper todo; WORD-WRAP: romper-palabra"

gramática:
salto de palabra: normal | romper todo |

parámetro:
normal: permite saltos de línea dentro de las palabras según las reglas de texto para idiomas asiáticos y no asiáticos
break-all: El comportamiento es el mismo que el normal para los idiomas asiáticos. También se permiten saltos dentro de cualquier palabra de una línea de texto en idiomas no asiáticos. Este valor es adecuado para texto asiático que contiene texto no asiático.
keep-all: Igual que lo normal para todos los idiomas no asiáticos. En chino, coreano y japonés no se permiten saltos de palabras. Bueno para texto no asiático que contiene una pequeña cantidad de texto asiático

gramática:
ajuste de palabra: normal |

parámetro:
normal: permitir que el contenido vaya más allá de los límites del contenedor especificado
palabra de ruptura: el contenido se romperá dentro de los límites. Si es necesario, también pueden producirse saltos de palabras.

ilustrar:
Establece o recupera si se debe romper la línea cuando la línea actual excede el límite del contenedor especificado.

gramática:
diseño de tabla: automático |
http://www.knowsky.com/
parámetro:
auto: el algoritmo automático predeterminado. El diseño se basará en el contenido de cada celda. La tabla no se mostrará hasta que se lea y calcule cada celda. muy lento
fijo: algoritmo de diseño fijo. En este algoritmo, el diseño horizontal solo se basa en el ancho de la tabla, el ancho del borde de la tabla, el espacio entre celdas y el ancho de las columnas, y no tiene nada que ver con el contenido de la tabla.

ilustrar:
Establece o recupera el algoritmo de diseño de la tabla.
--------------------------------------------------
Lo anterior solo puede resolver el problema de IE. Aquí en FF usamos el método de inserción JS para resolver el problema.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Estricto//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<tipo de estilo="texto/css">

</estilo>

<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA>

<tipo de script="texto/javascript">
/* <![CDATA[ */
función toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"
";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+="
"+cadenaContenido;
obj.innerHTML=strTemp;
}
if(document.getElementById &&!document.all) toBreakWord(37)
/* ]]> */
</script>