Предотвратить инлайн-блок от переноса на пробел: pre? - PullRequest
12 голосов
/ 23 февраля 2010

Кажется, что Chrome оборачивает элемент inline-block, если он находится в конце строки, даже если есть пробел: pre контейнер вокруг него с overflow: auto.Есть ли работоспособное решение, чтобы предотвратить это без изменения содержимого?

<div style="width:400px;height:200px;overflow:auto;white-space:pre">
The span should be at the end of this text, however, it wraps to the next line.<span style="width:1px;display:inline-block;height:1em;background:red"></span>
</div>

Пустое пространство должно быть сохранено, по крайней мере, с использованием новых строк.Пробелы и табуляции могут быть сжаты.

Ответы [ 2 ]

7 голосов
/ 07 марта 2014

Эта ошибка 4 года и все еще присутствует в последних версиях Chrome и Safari, но я нашел обходной путь, который не добавляет нежелательных пробелов, то есть добавление пустого псевдо элемент: http://jsbin.com/oQuBAmIJ/1/edit

3 голосов
/ 23 февраля 2010

Попробуйте вместо этого изменить значение пробела на white-space: nowrap.

...