Tutoriales básicos de CSS

Modelo de caja de CSS

CSS3Tutoriales básicos

Manual de referencia de CSS

Reglas de CSS @

Contador de CSS (Contador)CSS blanco-espacio (espacio en blanco)

CSS word-wrap(ajuste automático de línea)

CSS word-propiedad wrapUsado paraRompe palabras largas y ajusta automáticamente a la siguiente línea. Cuando una cadena indestructible es demasiado larga para caber en la caja contenedora, esta propiedad se utiliza para evitar salidas.

Valores de ajuste de línea de texto de CSS

Valor	Descripción
normal	Esta propiedad solo se utiliza para romper palabras en puntos de ruptura permitidos.
break-word	Se utiliza para romper palabras indestructibles.
initial	Se utiliza para establecer esta propiedad en su valor predeterminado.
inherit	Hereda esta propiedad de su elemento padre.

Ejemplo en línea de ajuste automático de línea de CSS

Ejemplo

<!DOCTYPE html>
<html>
<head>
<style>　
p.test {
　　　　ancho:　11em;
　　　　fondo-color: #ff9900;　
　　　　border:　1px sólido #ffffff;
　　　　padding:10px;
　　　　word-wrap: break-word;
}
</style>
</head>
<p class="test"> En este párrafo, hay una palabra muy larga:
　<p class="test">  En este párrafo, hay una palabra muy larga: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg. La palabra larga se romperá y se enrollará en la siguiente línea.</p>
</html>

Prueba veamos‹/›

Salida:

En este párrafo, hay una palabra muy larga: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long Esta palabra se romperá y se enrollará en la siguiente línea.

Contador de CSS (Contador)CSS blanco-espacio (espacio en blanco)