Una de las técnicas CSS comunes es evitar que el texto se ajuste automáticamente.

Autor：Eve Cole Fecha de actualización：2009-05-31 01:04:54

espacio en blanco: nowrap

Cuando el texto chino es muy largo (no hay espacios ni saltos de línea en el medio), ya sea IE o Firefox, se ajustará automáticamente cuando alcance el límite.

Pero en algunos casos, no queremos esto. Por ejemplo: cuando varios li están organizados uno al lado del otro y no desea que el texto del último li en cada línea se ajuste automáticamente, puede usar este atributo.

Después de usar este atributo CSS, el texto solo se puede ajustar cuando encuentra un espacio o un carácter de nueva línea.

Por ejemplo:

div{espacio en blanco: nowrap;}

Ejecute la demostración
<style type="text/css"> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class=" nowrap"> Este es un texto muy largo sin espacios ni saltos de línea en el medio. No se ajustará automáticamente hasta que sea interceptado<br /> </div> <div> Este es un texto muy largo sin espacios ni líneas se rompe en el medio pero se ajustará automáticamente<br /></div>

Para el texto extra ancho en los dos divs anteriores, el primero tiene prohibido ajustarse y luego el texto extra ancho se intercepta y el segundo no está configurado, por lo que se ajusta automáticamente.