Pregunta simple HTML5, ¿cómo evitar saltos de línea?

1. No fuerce saltos de línea y finalice con puntos suspensivos.

lt;div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" gt;

Hola amigos amigos amigos por qué yo no puedo ver el efecto

lt;/divgt;

2. Ajuste de línea automático CSS

div{ word-wrap: break-word-; break: normal; }

3. CSS fuerza el salto de línea de palabras en inglés

div{word-break: break-all;}

Si el div está anidado , el interior Si el div de capa se ajusta automáticamente según el contenido, solo puede establecer el ancho del div exterior y el espacio en blanco: nowrap.

Word-break: break-all y word-wrap: break-word permiten que el contenido de su contenedor, como DIV, se ajuste automáticamente

Su diferencia es:

1, salto de palabra: romper-todo Por ejemplo, si un div tiene 200 px de ancho, su contenido se ajustará automáticamente a 200 px. Si hay una palabra larga en inglés al final de la línea (felicitaciones, etc.). truncará la palabra y la cambiará a El final de la línea es conra (la parte inicial de la felicitación) y la siguiente línea es la parte final de la ulación (conguatulación).

2. El ejemplo de ajuste de palabras: ruptura de palabras es el mismo que el anterior, pero la diferencia es que felicitará a la palabra completa si el final de la línea no es lo suficientemente ancho. muestra la palabra completa, felicitará automáticamente la palabra completa. La palabra se coloca en la siguiente línea sin truncarse.