Как явно указать на то, в каких вариантах возможен перенос слова?

Question

Как явно указать на то, в каких вариантах возможен перенос слова?

Константин Ефименко Гуру (3729), закрыт 5 лет назад

У меня есть таблица, и в зависимости от размера начинки, текст начинает ездить туда сюда. Собственно меня интересует, как не дать строке "№ п/п" переноситься, как ей заблагорассудиться.

Как видно на одном из изображений, текст начинает переноситься уже после слэша, но "п/п" должно быть единым словом, которое либо переносится целиком, либо вовсе не переносится (не зависимо от размера остальных ячеек).

Есть ли какой-то адекватный способ сделать это? Ибо CSS свойство white-space: nowrap; не вариант.

P.S.: Изображение с двумя колонками, это то как должно выглядеть.

Answer 1

Возьмите "п/п" в тег < span > и запретите ему переносится.
Если закинете ваш код сюда - https://jsfiddle.net/ , смогу ответить конкретнее.

Answer 2

Sfera Искусственный Интеллект (192295) 5 лет назад

задай ширину в %

Константин ЕфименкоГуру (3729) 5 лет назад

Если задавать отдельно ячейке, то не работает (тоже самое). Ширина у меня изначальна задана в %.

Answer 3

Резидент Казахстана Оракул (69463) 5 лет назад

_https://codepen.io/topicstarter/pen/oNgRwXZ вариант ?

Константин ЕфименкоГуру (3729) 5 лет назад

А теперь выставите в нём вот так: <td style="width: 4%">№ п/п</td>.
И вы сразу же увидите то, я чём я говорил.

Мне лично помог вариант со span(ом) из комментария выше.

Резидент Казахстана Оракул (69463) переносится же ...я не понял что то - в чём выигрышь ?

Answer 4

  - пробел с запрещением переноса. Поставь его между № и п/п.