Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   CSS не переносить. (https://javascript.ru/forum/xhtml-html-css/83604-css-ne-perenosit.html)

voraa 21.01.2022 18:07

CSS не переносить.
 
В CSS много нашел свойств, задающих как переносить слова.
А как заставить не переносить?
У меня в html часто встречается конструкция типа
[<cite>25<div>....</div></cite>]

(Этот div, что внутри cite, он absolute и visibility: hidden/visible; и отображается совсем в другом месте )
Которая отображается как

Цитата:

huhui hhi i [25] jihiio
Но иногда переносится, например

Цитата:

опоглрр илрлр рлр [25
] hvhhh
Что не есть хорошо.
Нельзя ли как-нибудь сказать, что эту конструкцию нельзя разбивать?

ksa 21.01.2022 19:11

voraa, пробовал?
white-space: nowrap;

voraa 21.01.2022 20:47

Вот недавно попробовал. Работает.
Только приходится оборачивать это
<span style="white-space: nowrap;">[<cite>25<div>....</div></cite>]</span>

И делать это скриптом, т.к в самом тексте никто эти спаны указывать не будет.
А еще там может быть
[<cite>25</cite>, <cite>28</cite>, <cite>42</cite>]

Тогда оборачивать надо левую скобку с первым ците, и последний ците с правой скобкой.
Вот вояю.


Часовой пояс GMT +3, время: 00:46.