Вопрос по css, html – Предотвращение разрыва строки после

7

В<span> элементы в повествовательном потоке HTML, чтобы расширить область, в которой обнаруживаются щелчки (некоторые из диапазонов имеют содержимое только одного символа), я добавляю отступ (смещая его с отрицательным полем) в классе, определенном как

.expand-click-area {
    display:inline-block;
    padding:5px;
    margin:-5px;
    position:relative;
}

Это прекрасно работает с точки зрения поведения нажатия. Проблема заключается в том, что Chrome 19 иногда переводит строку между интервалом и следующей запятой в следующем случае:

<span class="expand-click-area">this is span text</span>,

Есть мысли о том, как это предотвратить? По сути, я хотел бы нарушить поведение, эквивалентное тому, когда<span> там вообще нет или нетdisplay:inline-block.

Такое поведение не появляется в IE10. Смотрите пример наhttp://jsfiddle.net/58XdJ/1/.

Error: User Rate Limit ExceededPrevent line-break of span element Serge Stroobandt

Ваш Ответ

2   ответа
1

Error: User Rate Limit Exceeded

display: contents;

Error: User Rate Limit Exceeded

6

Error: User Rate Limit Exceeded<nobr>Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded<span style="white-space:nowrap">.
Error: User Rate Limit Exceeded<nobr> </nobr>Error: User Rate Limit Exceeded<span class="hide-for-small">Dominant </span>ColorError: User Rate Limit Exceeded<nobr><span class="hide-for-small">Dominant </span>Color</nobr>Error: User Rate Limit Exceeded

Похожие вопросы