Вопросы Теги

Как мешать тексту поднять больше чем 1 строку?

Существует ли переход на новую строку или какой-либо другой атрибут, который мешает тексту перенестись? У меня есть высота, и overflow:hidden, и текст все еще повреждается.

Потребности работать во всех браузерах, перед CSS3.

309
задан isherwood 17 July 2019 в 06:50
поделиться

3 ответа

div {
  white-space: nowrap;
  overflow: hidden;
}
<div>test that doesn't wrap</div>

Примечание : это только работает над элементами блока. Если необходимо сделать это к ячейкам таблицы (например), необходимо поместить отделение в ячейке таблицы, поскольку ячейки таблицы имеют ячейку таблицы дисплея не блок.

С CSS3, это поддерживается для ячеек таблицы также.

597
ответ дан diralik 23 November 2019 в 01:14
поделиться

Можно использовать CSS white-space Property для достижения этого. 

white-space: nowrap
55
ответ дан Arulkumar 23 November 2019 в 01:14
поделиться

Иногда использование &nbsp; вместо пробелов будет работать. Очевидно это имеет недостатки, все же.

4
ответ дан The Codesee 23 November 2019 в 01:14
поделиться