jQuery的自動排版功能是非常實用的，特別是在試卷制作中，可以大大減少手動調整題目與選項位置的時間。下面我們來介紹一下如何使用jQuery實現試卷的自動排版。

// 獲取題目及選項的DOM元素
var questions = $('div.question');
// 循環所有題目
questions.each(function() {
// 獲取題目高度和選項高度
var qHeight = $(this).find('.question-title').height(),
aHeight = $(this).find('.answer-options').height(),
// 獲取選項數目
numAnswers = $(this).find('.answer-option').length,
// 計算題目總高度
totalHeight = qHeight + aHeight;
// 如果選項數目過多，則將選項換行
if (numAnswers > 4) {
$(this).find('.answer-options').css('display', 'inline-block');
$(this).find('.answer-option').css('display', 'block');
aHeight = $(this).find('.answer-options').height();
totalHeight = qHeight + aHeight;
}
// 設置題目總高度
$(this).height(totalHeight);
});

上面的代碼通過獲取題目和選項的高度，計算出題目總高度，然后進行樣式的調整。如果選項數目較多，會將選項置于新的一行，以達到更好的可讀性。通過這個簡單的代碼，我們就可以獲得一個自動排版的試卷。