Перенос слов не работает должным образом

Я пытаюсь понять, почему перенос слов не работает должным образом на этой странице для класса div:

.gce-page-list

http://metaphysicalerotica.com/events/

Похоже, тема добавила теги «pre» и «code», и если я удалю тег «pre», все будет работать нормально, однако мне нужно исправить CSS, чтобы перенос слов работал правильно, и я не могу этого понять. вне! Я перепробовал все, что мог придумать, любой совет был бы замечательным!


wordpress css word-wrap
person Go Nate    schedule 08.11.2013    source источник
comment
Вы пробовали word-wrap: break-word; на CSS этого DIV? Я только что протестировал его с помощью Firebug, и он показывает нужный вам результат.   -  person Gaurav Bhor    schedule 09.11.2013
comment
pre, code, .gce-page-list, .gce-list, gce-feed-1 {word-wrap: break-word !important; } по-прежнему не получается правильного результата   -  person Go Nate    schedule 09.11.2013
comment
Я думаю, это потому, что вам не хватает . перед gce-feed-1. И когда вы проверяете свой div, он показывает, что класс не применяется.   -  person Gaurav Bhor    schedule 09.11.2013

Ответы (2)


arrow_upward
1
arrow_downward

Добавьте этот стиль в свою таблицу стилей:

pre, code{ white-space: pre-wrap; }
person zgood    schedule 08.11.2013

arrow_upward
0
arrow_downward

Самым простым решением было бы зайти в свой style.css и добавить этот класс в строку 67 для "pre" и "code"

word-wrap: break-word;

Таким образом, стиль будет выглядеть так...

pre, code {
   font-family: Courier New, monospace;
   margin-bottom: 10px;
   word-wrap: break-word;
}
person jonathon    schedule 08.11.2013