html - resumen - replicacion monofocal

La cadena continua no se envuelve en td

Question

Cuando pongo una cuerda larga y larga en mi ancho fijo td, no se envuelve. La cuerda aumenta el ancho de mi mesa. ¿Alguien puede ayudarme con esto?

Por ejemplo:

este es mi texto --- funciona bien ya que en el ancho de td se fija solo aumenta la altura pero si inserto
thisismytext --- entonces aumenta el ancho de mi mesa.

Answer 1

En otras palabras, dale al navegador una excusa para romper la línea (incluyendo espacios en los contenidos) y lo hará. Fuerza que use una línea (omitiendo espacios) y aumenta el ancho de la tabla.

A falta de reglas de diseño adicionales, ¿qué más podría hacer?

Editar: puede haber problemas entre navegadores con word-break / wbr (parece ser CSS3, ahora, pero antes era una invención de IE)

Answer 2

Si el texto y el ancho de la celda son fijos, puede agregar un

<td>My text<br />on a different line</td>

Algo que a veces sucede es que el texto está envolviendo, solo la altura td oculta esto

Answer 3

Use la etiqueta <wbr> en su texto cada pocos caracteres (20? 30? Necesitará experimentar). Esto permitirá las interrupciones en su texto sin espacios. Me gusta esto:

<td>LongLongLong<wbr>TextTextText</td>

Esto será todo unido a menos que se necesite un descanso.

Answer 4

tienes que usar

word-break: break-all

para el td

<style>
   .BreakWord { word-break: break-all; }
</style>

<td class="BreakWord">longtextwithoutspace</td>

Answer 5

y para que esto funcione en Firefox

word-wrap:break-word;