Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

word-wrap

more options

English: Hello, i am designing my webpage and can't beleave when i see that firefox doesn't support the css property word-wrap:break-word. It's a really problem cause the text doesn't wrap to divs and overflow it. I can use the property overflow but, don't like to use scroll bars I Hope you can help me with this problem. I am using Firefox 7

Español(Spanish): Hola, estoy diseñando una pagina web y no pude creer cuando vi que firefox no soporta la propiedad Word-Wrap:break-word. Esto es realmente un problema porque el texto no se ajusta a los contenedores, produce un overflow, podría utilizar la propiedad overflow pero no es lo que necesito porque no quiero que haya scroll bars, por ende el texto debería ajustarse y saltar a la linea de abajo en vez de estar contenido en una sola linea.


Espero que puedan ayudarme con este problema.

Utilizo la versión 7 de firefox

English: Hello, i am designing my webpage and can't beleave when i see that firefox doesn't support the css property word-wrap:break-word. It's a really problem cause the text doesn't wrap to divs and overflow it. I can use the property overflow but, don't like to use scroll bars I Hope you can help me with this problem. I am using Firefox 7 Español(Spanish): Hola, estoy diseñando una pagina web y no pude creer cuando vi que firefox no soporta la propiedad Word-Wrap:break-word. Esto es realmente un problema porque el texto no se ajusta a los contenedores, produce un overflow, podría utilizar la propiedad overflow pero no es lo que necesito porque no quiero que haya scroll bars, por ende el texto debería ajustarse y saltar a la linea de abajo en vez de estar contenido en una sola linea. Espero que puedan ayudarme con este problema. Utilizo la versión 7 de firefox

All Replies (8)

more options

It is supposed to work according to this page: https://developer.mozilla.org/en/CSS/word-wrap

Can you post a link to a page where it is not working?

more options

is an intranet page, but works on every other browsers, just with firefox doesn't

more options

Does the example page above work?

If the rule is in an external file, is the rest of the file being applied as expected?

If you open the Firefox error console (Ctrl+Shift+j), clear it, and reload the page, do any of the style warnings seem applicable to that rule (or the one right before it)?

more options

Is there any height set for that DIV container that might cause it?

more options

here is the code of my div

<div style="word-wrap:break-word; padding:0px 10px 0px 10px;font-size:12; overflow:auto;  white-space-collapse:collapse;" >

put all text in the same line, doesn't break it

edited by a moderator so that the code appears

Modified by cor-el

more options

i guess i know when happen this, if i use "<pre>" tags have problem, if don't works fine, now my ask is why this appear only in firefox?

Modified by cor-el

more options

< pre > tags

more options

The intended effect of the <pre> tag is to preserve the layout of your text exactly as typed. If you are not looking for that effect, there's no reason to use a <pre> tag.