Предотвращать ? (вопросительный знак) от того, чтобы рассматриваться как пробел, как разделитель - PullRequest
2 голосов
/ 26 августа 2010

Есть ли способ предотвратить '?'быть обработанным как пробел в HTML / CSS?Это поведение по умолчанию, или я делаю что-то не так?

У меня есть div, который содержит очень длинный URL (длина является динамической).Я хочу, чтобы URL обрабатывал знак вопроса как любой другой символ и не вызывал разрыв строки в этом символе, но я не хочу использовать white-space:nowrap;, так как это приведет к переполнению всей строкивне div, что не является желаемым поведением.

Желаемое поведение заключается в том, чтобы текст в конце элемента div переносился на следующую строку, как если бы не знак вопроса.alt text

Скорее всего, это не имеет значения, но вот их свойства CSS:

 a{color:green; font-weight: bold;} .ycpreviewbox{ margin: 0 auto; padding: 2em; background-color: #C7E2ED;} .

Вот как он работает с более коротким URL: alt text

Ответы [ 4 ]

3 голосов
/ 21 июня 2012

У меня была та же проблема, вот две строки css, которые я использовал:

{
    word-wrap: break-word;
    white-space: pre;
}
3 голосов
/ 26 августа 2010

В HTML5 вы также можете использовать <wbr> для , предлагая разрывы строк ...может быть, это могло бы помочь, сообщив браузеру, где он должен разбить строку, вместо того, чтобы позволить ему решать самому ...

2 голосов
/ 26 августа 2010

Попробуйте тег nobr.

0 голосов
/ 26 августа 2010

Вы можете рассмотреть возможность вставки пробела или переноса строки после ряда символов вместо того, чтобы полагаться на браузер, чтобы решить, где прервать вашу строку.

...