<body style="dirección: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy ="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" marginheight="0" marginwidth="0">Eliminar programa de copia con clic derecho Este artículo presenta cómo usar CSS para ajustar automáticamente el texto en inglés. Todo el mundo sabe que el inglés continuo o los números pueden hacer que el contenedor se expanda y no se puede ajustar automáticamente según el tamaño del contenedor. ¡Así es como CSS puede ajustarlos automáticamente! Todo el mundo sabe que el inglés continuo o los números pueden hacer que el contenedor se expanda y no se puede ajustar automáticamente según el tamaño del contenedor. ¡Así es como CSS puede ajustarlos automáticamente! Para Div y Table y diferentes navegadores, los métodos para implementar el ajuste automático de líneas CSS son ligeramente diferentes. Se presentan a continuación: para div 1. (navegador IE) white-space:normal; word-break:break-all; aquí el primero sigue el estándar: div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] o: #wrap{palabra-break:break-all;ancho:200px;} Efecto: se puede lograr un ajuste automático de línea 2. (navegador Firefox) white-space:normal; word-break:break-all;overflow:hidden; No existe un buen método de implementación bajo el mismo FF. Solo puede ocultar o agregar barras de desplazamiento, pero, por supuesto, no. ¡El efecto es mejor! div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] o: #wrap{palabra-break:break-all;ancho:200px; desbordamiento:auto } Efecto: el contenedor es normal y el contenido está oculto. 1. (navegador IE) Utilice el estilo de diseño de tabla: fijo: div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] Efecto: ajustar líneas automáticamente 2. Estilo de uso (navegador IE): div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] Efecto: ajustar líneas automáticamente 3. (navegador IE) Utilice el estilo table-layout:fixed y nowrap cuando utilice un porcentaje para fijar el tamaño de td: div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] Efecto: Ambos TD se ajustan de forma normal y automática 4. (Navegador Firefox) Utilice el diseño de tabla de estilo: fijo y ahora cuando utilice porcentaje para fijar el tamaño de td, y utilice div: div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente [www.52css.com] El ancho de la celda aquí debe definirse como un porcentaje: se muestra normalmente, pero no se puede ajustar.
#wrap{espacio en blanco:normal; ancho:200px;
<div id="wrap">ddd111111111111111111111111111111</div>
#wrap{espacio en blanco:normal; ancho:200px; desbordamiento:auto;}
<div id="wrap">ddd111111111111111111111111111111111111111</div>
http://font.knowsky.com/
para mesa
<estilo>
.tb{diseño de tabla: fijo}
</estilo>
<tabla clase="tbl" ancho="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabla>
<estilo>
.tb {diseño de tabla: fijo}
</estilo>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabla>
<estilo>
.tb{diseño de tabla: fijo}
</estilo>
<tabla clase="tb" ancho=80>
<tr>
<td ancho=25% ahorarap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</tabla>
<estilo>
.tb {diseño de tabla: fijo}
.td {desbordamiento: oculto;}
</estilo>
<clase de tabla=tb ancho=80>
<tr><td ancho=25% clase=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</tabla>