Текст переносится при приближении на другую строчку.

[Максим Королев]

Всем привет.
Такое дело, при верстке макета, когда я приближаю или просто меняю разрешение браузера текст переносится на другую строчку, и в итоге все что наверстал становится не красивым и текст уходит под следующий массив.Подключен bootsrap , но в контейнер я не заносил данный текст, пробовал отключать, все равно так же. Не подскажете что делать?

[vasek123]

Сообщение от Максим Королев

Всем привет.
Такое дело, при верстке макета, когда я приближаю или просто меняю разрешение браузера текст переносится на другую строчку, и в итоге все что наверстал становится не красивым и текст уходит под следующий массив.Подключен bootsrap , но в контейнер я не заносил данный текст, пробовал отключать, все равно так же. Не подскажете что делать?

Вообще то, при адаптивной верстке иногда приходится попотеть помимо добавления дополнительных фреймворков. Потом, где исходник? Все таки тут экстрасенсов нет.

И еще, вы в ccs скажем это:

font-size: calc(6.5px + (13 - 5) * ( (100vw - 480px) / ( 1024 - 480) ));

не пробовали?

[Ottava]

Максим Королев, а как вы представляете поведение браузера при увеличении размера шрифта, когда текст перестаёт входить в отведённое ему место? Не переносить текст, а обрезать его?

[OmegaBerkut]

Не уверен конечно, но можете попробовать

<nobr> Ваш текст </nobr>

Хотя, здесь кричат мол невалидный код.

[Ottava]

Сообщение от OmegaBerkut

<nobr> Ваш текст </nobr>

Хотя, здесь кричат мол невалидный код.

Валидный <nobr> можно реализовать на CSS, developer.mozilla.org обещает что будет работать:

<style>
span.nobr { white-space: nowrap; }
</style>
<span class="nobr">I do not wish to be broken on new lines</span>

Или инлайн-стилями:

<span style="white-space: nowrap">Long line with no breaks</span>