Как сделать: если текст не помещается по ширине блока и переносится на другую строку, то уменьшить размер текста так, чтобы он вмещался в одну строку?

Question

[Coder 1448]

Если текст не помещается по ширине блока и переносится на другую строку, то уменьшить размер текста так, чтобы он вмещался в одну строку. Можно код с объяснением, что к чему?

Answer 1

[Kataev]

Используй js, проверяй количество знаков в строке, в зависимости от их количества (попадания в интервал) присваивай нужный font-size. Логика у тебя теперь есть, код напиши сам, заодно поймёшь его.

Comments

[Coder 1448]

Спасибо)

[Alex]

Артём Кайгородцев, Лучше будет отталкиваться от высоты. Изначальная высота контейнера думаю известна. При запуске — проверить текущую высоту. Если она больше — уменьшать размер шрифта до тех пор пока высота контейнера не уменьшится. Такой алгоритм будет работать не зависимо от количества символов.

Answer 2

[Эмран Бегов]

Одно из этих свойств css сделает текст резиновым

font-size: 5vmax; 
font-size: 3vw;

Comments

[Kataev]

Только меняют они размер в зависимости от ширины экрана, а не длины строки.

[historydev]

KataevAS,

Если текст не помещается по ширине блока

Какие претензии?

[Kataev]

Владимир, представь себе блок меню div с фиксированной шириной. Какое отношение ширина блока меню имеет к ширине окна браузера?

[Coder 1448]

Не, не работает. Текст просто переносится на новую строку.

[Kataev]

Естественно. Если у тебя не меняется ширина окна браузера, то и высота шрифта не меняется, а браузеру плевать сколько символов в строке. Артём Кайгородцев,
Владимир,
Собственно ч.т.д.

[historydev]

KataevAS, ну вы сравнили яйцо с курицей

[Kataev]

Владимир, так вы вопрос автора дочитайте до конца и поймёте, в чем мои претензии, о которых спрашивали. На всякий случай поясню ещё раз: в задаче меняется не окно браузера, а длина строки и реагировать нужно на это, а не ждать, что окно браузера измениться дабы наша строка влезла в блок ИБО БЛОК, ВОВСЕ НЕ ОБЯЗАТЕЛЬНО ОКНО БРАУЗЕРА.

[historydev]

KataevAS, всё-всё, пардон, я 20 часов вчера сидел, перечитал, понял свою ошибку, извиняюсь