Katerina23

Перенос части текста из первого конейтнер во второй

Recommended Posts

Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера?

Вот пример:

Код

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>HTML5</title>
  <style>
    .page {width:100px; height:100px; background-color:yellow;}
    .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;}
  </style>
 </head>
 <body>
  <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div>
  <div class="page2"></div>
 </body>
</html>

 

Share this post


Link to post
Share on other sites
Цитата

Я конечно не знаю всех деталей, но может сделать с помощью колонок?

Мне нужно сделать книгу с перелистыванием, я думаю как сделать так когда на одной странице место для текста заканчивалось, сразу переносилось на другую страницу. А потом пользователь перелистывал страницу и там текст продолжался. Я посмотрела ваш вариант перейдя по ссылке. Он не подходит. Текст расположен сразу на двух контейнерах, а мне нужно чтобы часть текста было на одном и когда место на первом контейнер заканчивалось текст продолжался на другом. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.