Funkcjonalność tej witryny będzie ograniczona w czasie konserwacji. Jeśli artykuł nie rozwiązuje twojego problemu i chcesz zadać pytanie, to nasza społeczność wsparcia jest dostępna na @FirefoxSupport na Twitterze i /r/firefox na Reddicie.

Przeszukaj pomoc

Unikaj oszustw związanych z pomocą.Nigdy nie będziemy prosić Cię o dzwonienie na numer telefonu, wysyłanie SMS-ów ani o udostępnianie danych osobowych. Zgłoś podejrzaną aktywność, korzystając z opcji „Zgłoś nadużycie”.

Więcej informacji

How can I force <pre> (or bbcode [code]) tags to word wrap?

  • 6 odpowiedzi
  • 1 osoba ma ten problem
  • 1 wyświetlenie
  • Ostatnia odpowiedź od brknsoul

more options

I've recently switched from Opera 12 to Firefox.

I use the World of Warcraft UI and Macros forum a lot and I use the {code} tag when posting scripts or macros.


In Opera, {code} tags would word wrap nicely, allowing me to see the entire code block; http://i.imgur.com/AhJJwHH.jpg

However, in Firefox the {code} tag doesn't wrap and gives me a horizontal scrollbar; http://i.imgur.com/CC6nwSi.jpg

How can I force pre or {code} tags to word wrap in FIrefox? I imagine I could override this behaviour with CSS styles, but I'm a complete noob at how to even start with this. A step-by-step tutorial would be best.

Thanks in advance.

I've recently switched from Opera 12 to Firefox. I use the World of Warcraft UI and Macros forum a lot and I use the {code} tag when posting scripts or macros. In Opera, {code} tags would word wrap nicely, allowing me to see the entire code block; http://i.imgur.com/AhJJwHH.jpg However, in Firefox the {code} tag doesn't wrap and gives me a horizontal scrollbar; http://i.imgur.com/CC6nwSi.jpg How can I force pre or {code} tags to word wrap in FIrefox? I imagine I could override this behaviour with CSS styles, but I'm a complete noob at how to even start with this. A step-by-step tutorial would be best. Thanks in advance.

Zmodyfikowany przez brknsoul w dniu

Wybrane rozwiązanie

Then you need to add the code selector as well.

code, pre {
white-space:pre-wrap !important;
word-wrap:break-word !important;
}
Przeczytaj tę odpowiedź w całym kontekście 👍 3

Wszystkie odpowiedzi (6)

more options

You would have to apply these style rules via the userContent.css file. The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

pre {
white-space:pre-wrap !important;
word-wrap:break-word !important;
}

more options

Is this correct (location, file, contents)?; http://i.imgur.com/JnRTvcy.jpg

If so, it doesn't seem to work. Perhaps the WoW forums are using something than ignores this method?

more options

The screenshot doesn't show the file type of the userContent.css file, so I can't see if it isn't a text file with a hidden .txt file extension.

Did you make sure that the website is actually using a <pre> tag by checking the code in the Inspector via Inspect Element in the right-click context menu?

more options

The file is a .css file and not a .css.txt file.. first thing i do is to unhide file extensions. :-P

Hmm, looks like code tags;

http://i.imgur.com/RJjAn8A.jpg

more options

Wybrane rozwiązanie

Then you need to add the code selector as well.

code, pre {
white-space:pre-wrap !important;
word-wrap:break-word !important;
}
more options

Woo! Thanks Cor-el. That did the trick!

Here, have a virtually delicious internet cookie; http://i.imgur.com/tVeKgle.jpg