28

これは典型的な多肢選択式試験です。問題形式を想定します。

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

これはすべて、Web 用のラジオ ボタンを使用して適切なスタイルにマップされています。

ここで、テストの印刷可能なバージョンを作成する必要があります。これは実際にはもっと簡単で、ラジオを含める必要はなく、チェック マークとして「___」を付けるだけです。主な問題は、質問が改ページで分割されないようにする方法です。

4

4 に答える 4

40

私は、そのようなことを一貫して防ぐことができたことがありません。少し汚いかもしれませんが、質問が通常同じ長さの場合、X 質問ごとに改ページを強制できますか?

<style type="text/css">
.pageBreak{
    page-break-before: always;
}
</style>

<question>...</question><br class="pageBreak" />
<question>...</question>

（または、そのクラスを質問または必要なものに適用します）

page-break-inside プロパティを使用してみることができますが、ブラウザのサポートが混乱しているため、一貫性があるとは言えません。

question {
    page-break-inside:avoid;
}
于 2010-01-12T19:45:22.607 に答える
20

page-break-after、page-break-insideおよびpage-break-beforeCSSのルールを調べることをお勧めします。

于 2010-01-12T19:41:37.337 に答える
1

個別の印刷スタイルシートを使用し、各ページの先頭と末尾の質問にpage-break-beforeとセレクターを使用します。page-break-after

クイズが静的な場合は、使用するクラスをプロットして、CSS以外の何もせずに機能させることができます。

于 2010-01-12T19:57:30.303 に答える
1

テーブル レイアウトを使用します。ただし、セマンティクスの変更を避けるために、CSS を使用してください。

question {
    display: inline-table;
}
于 2012-12-06T20:08:03.100 に答える