一千萬個為什麽

搜索

CSS和打印:將文本塊保持在一起

這是一個典型的多選題考試,假設一個問題格式:


What is your name?
Arthur, King of the Britons
There are some who call me ... Tim!
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.
Sir Galahad... the Chaste.
Zoot... Just Zoot.

並且我已經將所有這些映射到適當的樣式與網絡的單選按鈕。

現在,我需要制作一個可打印的測試版本。這實際上更簡單,因為我不需要包括無線電,只需'___'作為復選標記。主要問題是如何防止問題分裂。

最佳答案

我一直沒有幸運地一直阻止這樣的事情。它可能有點臟,但如果問題通常是相同的長度,你可以在每X個問題之後強制分頁嗎?

...
...

(或者將該課程應用於問題或任何你想要的)

您可以嘗試使用page-break-inside屬性,但我還沒有看到它是一致的,因為瀏覽器對它的支持現在很亂:

question {
    page-break-inside:avoid;
}

轉載註明原文: CSS和打印:將文本塊保持在一起