Уважаемые знатоки. Нужна помощь, чайнику. Есть печатная форма с фиксированным размером 297мм - 210мм "div class="a4" в форму загружаются разные "div class="container" с разным содержимым и плавающим размером высоты и ширины. в итоге получается как на картинке. Код Как сделать, что бы при заполнении "div class="a4" происходило создание второго "div class="a4" с добавлением оставшихся "div class="container", как на картинке. Желательно средствами php, можно с использование js. Заранее спасибо.
Код (Text): <body> <?php $db_HOST = 'localhost'; $db_USER = 'root'; $db_PASSWORD = ''; $db_NAME = 'test'; $mysqli = @new mysqli ($db_HOST, $db_USER, $db_PASSWORD, $db_NAME); if ($mysqli->connect_errno) { echo "База данных недоступна. Ошибка: " . $mysqli->connect_errno; } else { $mysqli->query ("SET NAMES 'utf8'"); echo "Успешно подключена. База: " . $db_NAME; } ?> <div class="A4" style="height: 297mm; width:210mm; background: rgb(163, 46, 89); padding: 15mm; margin: 25px;"> <!-- База 1 --> <?php $query = mysqli_query($mysqli, "SELECT * FROM `baseone`"); while ($row = mysqli_fetch_array($query)) { $id = $row['id']; ?> <div class="content" style="float:left; width: 40mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['lineone']; ?> </div> <?php } ?> <!-- База 2 --> <?php $query = mysqli_query($mysqli, "SELECT * FROM `basetwo`"); while ($row = mysqli_fetch_array($query)) { $id = $row['id']; ?> <div class="content" style="float:left; width: 60mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['linetwo']; ?> </div> <?php } ?> <!-- База 3 --> <?php $query = mysqli_query($mysqli, "SELECT * FROM `basethree`"); while ($row = mysqli_fetch_array($query)) { $id = $row['id']; ?> <div class="content" style="float:left; width: 50mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['linethree']; ?> </div> <?php } ?> </div> </body> Как пример... --- Добавлено --- База 1 Код (Text): -- phpMyAdmin SQL Dump -- version 4.8.5 -- https://www.phpmyadmin.net/ -- -- Хост: localhost -- Время создания: Сен 08 2019 г., 08:09 -- Версия сервера: 10.1.38-MariaDB -- Версия PHP: 7.3.3 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET AUTOCOMMIT = 0; START TRANSACTION; SET time_zone = "+00:00"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8mb4 */; -- -- База данных: `test` -- -- -------------------------------------------------------- -- -- Структура таблицы `baseone` -- CREATE TABLE `baseone` ( `id` int(255) NOT NULL, `lineone` varchar(255) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; -- -- Дамп данных таблицы `baseone` -- INSERT INTO `baseone` (`id`, `lineone`) VALUES (1, 'Sed faucibus turpis in eu mi bibendum. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim.'), (2, 'Consectetur a erat nam at. Nunc congue nisi vitae suscipit tellus mauris a diam. Rutrum quisque non tellus orci. Enim ut sem viverra aliquet eget sit amet. Mattis rhoncus urna neque viverra justo nec ultrices dui. '), (3, 'Erat imperdiet sed euismod nisi porta lorem mollis. Accumsan in nisl nisi scelerisque eu ultrices. Eu mi bibendum neque egestas congue quisque egestas diam in.'), (4, 'Nisl nunc mi ipsum faucibus.'), (5, 'Vitae congue eu consequat ac felis. Erat velit scelerisque in dictum non consectetur a. Placerat orci nulla pellentesque dignissim enim. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem.'); -- -- Индексы сохранённых таблиц -- -- -- Индексы таблицы `baseone` -- ALTER TABLE `baseone` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT для сохранённых таблиц -- -- -- AUTO_INCREMENT для таблицы `baseone` -- ALTER TABLE `baseone` MODIFY `id` int(255) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; COMMIT; /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; --- Добавлено --- База 2 Код (Text): -- phpMyAdmin SQL Dump -- version 4.8.5 -- https://www.phpmyadmin.net/ -- -- Хост: localhost -- Время создания: Сен 08 2019 г., 08:09 -- Версия сервера: 10.1.38-MariaDB -- Версия PHP: 7.3.3 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET AUTOCOMMIT = 0; START TRANSACTION; SET time_zone = "+00:00"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8mb4 */; -- -- База данных: `test` -- -- -------------------------------------------------------- -- -- Структура таблицы `basetwo` -- CREATE TABLE `basetwo` ( `id` int(255) NOT NULL, `linetwo` varchar(255) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; -- -- Дамп данных таблицы `basetwo` -- INSERT INTO `basetwo` (`id`, `linetwo`) VALUES (1, 'Nulla facilisi cras fermentum odio. Senectus et netus et malesuada fames ac. Tellus id interdum velit laoreet id donec.'), (2, 'Vehicula ipsum a arcu cursus vitae congue mauris rhoncus aenean. Risus feugiat in ante metus dictum at tempor commodo. Vitae aliquet nec ullamcorper sit. Augue neque gravida in fermentum et sollicitudin ac. Enim ut tellus elementum sagittis. Dictumst vest'), (3, 'Vehicula ipsum a arcu cursus vitae congue mauris rhoncus aenean. Risus feugiat in ante metus dictum at tempor commodo. Vitae aliquet nec ullamcorper sit. Augue neque gravida in fermentum et sollicitudin ac. Enim ut tellus elementum sagittis. Dictumst vest'), (4, 'Viverra mauris in aliquam sem fringilla ut morbi. Diam quis enim lobortis scelerisque fermentum. Aliquam nulla facilisi cras fermentum odio eu feugiat.\r\n'), (5, 'Turpis egestas integer eget aliquet. Ac tortor vitae purus faucibus ornare suspendisse sed. Condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus. '), (6, 'Feugiat scelerisque varius morbi enim nunc.'); -- -- Индексы сохранённых таблиц -- -- -- Индексы таблицы `basetwo` -- ALTER TABLE `basetwo` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT для сохранённых таблиц -- -- -- AUTO_INCREMENT для таблицы `basetwo` -- ALTER TABLE `basetwo` MODIFY `id` int(255) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7; COMMIT; /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; --- Добавлено --- База 3 Код (Text): -- phpMyAdmin SQL Dump -- version 4.8.5 -- https://www.phpmyadmin.net/ -- -- Хост: localhost -- Время создания: Сен 08 2019 г., 08:10 -- Версия сервера: 10.1.38-MariaDB -- Версия PHP: 7.3.3 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET AUTOCOMMIT = 0; START TRANSACTION; SET time_zone = "+00:00"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8mb4 */; -- -- База данных: `test` -- -- -------------------------------------------------------- -- -- Структура таблицы `basethree` -- CREATE TABLE `basethree` ( `id` int(255) NOT NULL, `linethree` varchar(255) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; -- -- Дамп данных таблицы `basethree` -- INSERT INTO `basethree` (`id`, `linethree`) VALUES (1, 'Ornare arcu dui vivamus arcu. Consequat semper viverra nam libero justo laoreet. Aliquam purus sit amet luctus venenatis lectus magna fringilla urna.'), (2, 'ultricies tristique nulla aliquet enim tortor at aaliquam ultrices sagittis orci a scelerisque purus semper eget duis at tellus at urna condimentum mattis pellentesque id ni'), (3, 'ultricies tristique nulla aliquet enim tortor at auctor urna nunc id cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper ni'), (4, 'nisl condimentum id venenatis a condimentum vitae dolor magna eget est lorem i'), (5, 'nisl condimentum id venenor magna eget est lorem i'), (6, 'tristique senectus et netus et malesuada fames ac turpis egestas integer eget aliquet nibh praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse platea dictumst'), (7, 'quisque sagittis purae suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit amet tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra magna ac placerat'), (8, 'vestibulum lectus mauris ultrices eros in cursus turpis placerat in egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor id'), (9, 'cursus in hac habitasse platet tellus cras adipiscing enim eu turpis egestas pre'),im eu turpis egestas pretium aeneant'); -- -- Индексы сохранённых таблиц -- -- -- Индексы таблицы `basethree` -- ALTER TABLE `basethree` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT для сохранённых таблиц -- -- -- AUTO_INCREMENT для таблицы `basethree` -- ALTER TABLE `basethree` MODIFY `id` int(255) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=11; COMMIT; /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; пример без фильтров, выравнивания и т.п. с мусором в базе.