CSS и Печать: Держите блок вместе текста
Это - типичный экзамен Разнообразного выбора, Примите формат вопроса:
<question qid='1'>
<stem>What is your name?</stem>
<choice value = 'a'>Arthur, King of the Britons</choice>
<choice value = 'b'>There are some who call me ... Tim!</choice>
<choice value = 'c'>He is brave Sir Robin, brave Sir Robin, who-- Shut up! Um, n-- n-- n-- nobody, really. I'm j-- j-- j-- ju-- just, um-- just passing through.</choice>
<choice value = 'd'>Sir Galahad... the Chaste.</choice>
<choice value = 'e'>Zoot... Just Zoot.</choice>
</question>
и у меня есть это все отображенное на соответствующих стилях с переключателями для сети.
Теперь, я должен сделать версию для печати теста. Это на самом деле более просто, в этом я не должен включать радио, просто '___' для галочки. Главная проблема - то, как помешать вопросу разделить по разрыву страницы.
3 ответа
Мне никогда не повезло, что не удалось что-то подобное. Это может быть немного грязно, но, если вопросы обычно имеют длину зрения, можете ли вы заставить перерыва страницы после каждого X вопросов x
<style type="text/css">
.pageBreak{
page-break-before: always;
}
</style>
<question>...</question><br class="pageBreak" />
<question>...</question>
(или применить этот класс к вопросу или все, что вы хотите)
Вы можете Попробуйте использовать свойство Page-Break-Indoor, но я не видел, что он будет последовательным, когда поддержка браузера для него сейчас является беспорядок:
question {
page-break-inside:avoid;
}
Я бы предложил вам посмотреть в Break - после того, как , - нарушение страниц и Page-Break - до правил в CSS.
Используйте отдельный лист стилей печати и используйте селекторы до и после для ведущего и завершающего вопросов на каждой странице.
Если тест статический, можно построить используемые классы и заставить его работать без чего-либо, кроме CSS.