Hacer que los caracteres largos se ajusten automáticamente (como URL y direcciones de correo electrónico) Propósito: Hacer que las cadenas muy largas se ajusten automáticamente, pero no separe las palabras cortas en el medio.
He aquí cómo:
- <estilo>
- div{
- ancho:300px;overflow:hidden;/* para FF,Opera, ancho fijo ocultar caracteres adicionales*/
- word-wrap:break-word;word-break:normal;/* para IE, Safari, admite ajuste automático de línea*/
- }
- </estilo>
|
Puede ejecutar el siguiente código en IE, Firefox, Opera y Safari respectivamente para ver:
- < estilo tipo = "texto/css" >
- div{ancho:200px;fondo:rojo;desbordamiento:oculto; ajuste de palabras:salto-palabra;salto-palabra:normal;}
- </estilo>
- <div> felicitaciones
- Ajustar caracteres largos (como URL y direcciones de correo electrónico):
- http://www.div-css.com/html/standard/base/81857.html
- SDFG ALGUNAS palabras tienen espacios...
- XXXXXXXXXXXXDGXXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxespacio en blanco: nowrap
- Algunas fuentes chinas Algunas fuentes chinas Algunas fuentes chinas Algunas fuentes chinas Algunas fuentes chinas Algunas fuentes chinas, es posible que no se ajusten
- Estandarización web < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com </ a >
- Caracteres chinos Caracteres chinos Caracteres chinos Caracteres chinos ingleses Caracteres chinos Caracteres chinos ingleses Caracteres chinos ingleses Caracteres chinos ingleses Caracteres chinos ingleses Caracteres chinos ingleses Caracteres chinos ingleses Caracteres chinos ingleses
- </div>
|
Además, en cuanto al método en Internet de usar JS para envolver automáticamente cadenas largas en Firefox, no se recomienda porque la cadena obtenida después del ajuste ya no es la cadena original, por ejemplo, si es un enlace. dirección, si la copia nuevamente, ya no obtendrá la dirección original y habrá un espacio en el medio. Ese ya es otro vínculo.
