Страницы

Поиск по вопросам

вторник, 25 февраля 2020 г.

Как растянуть текст на всю длину страницы?

#html #css


Добрый день.

Есть элементарная разметка вида



Это просто какой-то текст

Как сделать так, чтобы параграф

...

занимал всю ширину страницы (или какую-то его часть) и при этом размер шрифта масштабировался? Так чтобы при разных размерах окна обозревателя высота шрифта была разной.


Ответы

Ответ 1



Как оказалось, задача элементарно решается в HTML5 с помощью встроенного SVG (проверено в Chrome и Firefox). Пример: Stretch to fit

Ответ 2



p{ width:100%; text-align:justify; }

Ответ 3



function onres() { var browwidth = document.documentElement.clientWidth; var myp = document.getElementById("myp"); myp.style.fontSize = browwidth / 5 + "px"; } window.onresize = onres; onres(); #myp { position: absolute; left: 0px; top: 0px; line-height: 100%; font-size: 9px; }

Это просто какой-то текст



Комментариев нет:

Отправить комментарий