• 0
Katerina23

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

Вопрос

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

Вот пример:

Код

<!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>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

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

http://jsfiddle.net/mrnobody/4mu63bLs/19/

Изменено пользователем mrnobody
Обновил ссылку на jsfiddle

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Цитата

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас