Temat: Zawartość w "pre" na stronie zwija się do jednej linii.
Witam, natrafiłem na dziwny problem z prezentacją kodu źródłowego na stronie internetowej. Nie korzystam z żadnych highlight'erów. Jedynie domyślny edytor Wordpressa zamieniony jest na CKE.Wstawiam kod źródłowy do postu, zaznaczam tekst i wymieram z listy "formatted" aby zostało objęte przez "pre".
Problem w tym, że w edytorze WYSIWYG wszystko wygląda pięknie a na stronie internetowej wszystko wygląda jakby było w jednej linii.
Jakaś sugestia?
WYSIWYG:
JEST OK
OUTPUT:
LIPA - nie mogę się doszukać błędu.
EDIT:
css dla pre jest z Twitter Bootstrapa i nie ma tutaj nic nadzwyczajnego.
pre {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px 4px 4px 4px;
display: block;
font-size: 13px;
line-height: 20px;
margin: 0 0 10px;
padding: 9.5px;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
}
Podgląd źródła zachowuje się tak jakby stracił informacje, które linie mają być w nowej linii.
Dziękuję za wskazówki,
MateuszTen post został edytowany przez Autora dnia 23.10.13 o godzinie 20:42