tag not formatting newlines / tabs correctly I am currently updating the site to be more responsive / mobi...">

<pre class = "prettyprint-override"> tag not formatting newlines / tabs correctly

I am currently updating the site to be more responsive / mobile. Everything works fine for me with one exception, <pre>formatted code samples. Content is maintained by the blog engine, and the difference is completely between the topics. Returning to the original theme, everything worked great again.

Here is the initial display of code samples <pre>correctly formatted:

Properly formatted code sample

The following is the layout of the main element, as shown in Chrome:

CSS elements

After updating the CSS, however, the formatted code predoes not display correctly, instead it looks like this:

Broken code formatting

In Chrome, CSS is almost identical:

Broken CSS format

- /, , , pre-, . white-space: pre white-space: pre-wrap, . word-wrap , . display: type, , .. . , <pre>, , .

FYI, , . CSS , CSS . .

EDIT, CSS, :

Good/old:

enter image description here

/ :

enter image description here

-

Render() MasterPage BlogEngine, . , CSS , .

+4
2

, . whitespace , , . . ( ):

The first few lines are now displayed correctly

html-: http://pastebin.com/KTh9BTGi ( "no newline " ). , , ?

+1

, , HTML- HTML-. , / html- , - .

0

All Articles