Как предотвратить разделение результатов операции List Rows на несколько страниц? ⇐ CSS
-
Anonymous
Как предотвратить разделение результатов операции List Rows на несколько страниц?
Я пытаюсь создать таблицу, содержащую изображения и имена, аккуратно упакованные на одну печатную страницу формата А4. Изображения и имена извлекаются из базы данных с помощью вызова List Rows. Однако наиболее близкий вариант выглядит в браузере правильно, но при печати каждая строка перемещается на отдельную страницу.
До сих пор я пытался просто импортировать фиксированное количество изображений/изображений в виде столбцов таблицы, собранных в одну строку. В браузере он отображается более или менее так, как я хочу, но когда я пытаюсь его распечатать, каждая строка становится отдельной страницей. Код для этого выглядит следующим образом:
#container {ширина: 100 пикселей; } #image {ширина: 100%; } #text {выравнивание текста: выравнивание; }
[img]
[img]
У меня закончились идеи, как заставить это работать. Контекст, в котором я работаю, не позволяет загружать отдельно CSS-файлы, поэтому все параметры CSS приходится включать в сам HTML-файл.
Можно ли перечислять их все друг за другом и иметь автоматические разрывы строк при достижении ширины бумаги? Пока что мне не удалось применить этот подход, но, возможно, у кого-то здесь есть хорошая идея.
Творческие обходные пути (например, каким-либо образом изменить настройки печати) также приветствуются.
(Я не знаю, как создать небольшую тестовую базу данных для создания минимального рабочего примера, поэтому надеюсь, что моего описания будет достаточно.)
Заранее благодарим за любые советы и рекомендации!
Я пытаюсь создать таблицу, содержащую изображения и имена, аккуратно упакованные на одну печатную страницу формата А4. Изображения и имена извлекаются из базы данных с помощью вызова List Rows. Однако наиболее близкий вариант выглядит в браузере правильно, но при печати каждая строка перемещается на отдельную страницу.
До сих пор я пытался просто импортировать фиксированное количество изображений/изображений в виде столбцов таблицы, собранных в одну строку. В браузере он отображается более или менее так, как я хочу, но когда я пытаюсь его распечатать, каждая строка становится отдельной страницей. Код для этого выглядит следующим образом:
#container {ширина: 100 пикселей; } #image {ширина: 100%; } #text {выравнивание текста: выравнивание; }
[img]
[img]
У меня закончились идеи, как заставить это работать. Контекст, в котором я работаю, не позволяет загружать отдельно CSS-файлы, поэтому все параметры CSS приходится включать в сам HTML-файл.
Можно ли перечислять их все друг за другом и иметь автоматические разрывы строк при достижении ширины бумаги? Пока что мне не удалось применить этот подход, но, возможно, у кого-то здесь есть хорошая идея.
Творческие обходные пути (например, каким-либо образом изменить настройки печати) также приветствуются.
(Я не знаю, как создать небольшую тестовую базу данных для создания минимального рабочего примера, поэтому надеюсь, что моего описания будет достаточно.)
Заранее благодарим за любые советы и рекомендации!
Мобильная версия