Как сделать горизонтальную прокрутку текста
Всем привет! Сегодня мы будем учиться делать горизонтальную прокрутку текста страницы. В принципе нет ничего сложного. Необходимо нужный текст заключить вот в этот код, скопируйте его.
<div style="border:1px solid black;width:150px;height::100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">
Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В. Лермонтов.
</p>
/div>
Получится примерно так:
width:250% - это процент от ширины Вашей страницы, то есть на какой процент будет скрыт текст в прокрутку;
width:150px;height::100px-этими параметрами также можно настроить высоту и ширину прокрутки.
Выделенное фиолетовым цветом - здесь будет находится Ваш текст;
Когда вставите код, при необходимости сразу измените ширину и высоту прокрутки;
Для новичков рекомендую почитать пост: как скопировать не копируемый код - прошу сюда;
На сегодня все, пишите отзывы. Вопросы в комментариях или в меню форма для связи. Всем всего доброго.
Получится примерно так:
width:250% - это процент от ширины Вашей страницы, то есть на какой процент будет скрыт текст в прокрутку;
width:150px;height::100px-этими параметрами также можно настроить высоту и ширину прокрутки.
Выделенное фиолетовым цветом - здесь будет находится Ваш текст;
Когда вставите код, при необходимости сразу измените ширину и высоту прокрутки;
Для новичков рекомендую почитать пост: как скопировать не копируемый код - прошу сюда;
На сегодня все, пишите отзывы. Вопросы в комментариях или в меню форма для связи. Всем всего доброго.
Рекомендуемый контент:
