Question

我有一個從數據庫返回的列表，每次都可能有不同的大小。該列表加載到使用

$.each(returnData.availableTimes, function (index, value) {       
    $("#availableTimes").append('<input type=radio name=availableTimes value= ' 
     + value.id + '>' + '<label id=' + value.id + '>' + value.time + '</label>'); 
}); 

html頁面<div id="availableTimes"></div>我想做什麼就能做的是限制每行顯示4單選按鈕和標籤的數量有沒有我可以在CSS中設置的值或者我必須在JavaScript中每4條記錄插入一個<br />？

Answer 1

沒有花車，你可以在標籤上添加換行符

#availableTimes label:nth-child():after { 
    content:"\a"; 
    white-space: pre; 
} 

演示：http://jsfiddle.net/8FALp/1/

Answer 2

簡短的回答是，你將需要每四個記錄一個<br>標籤。 AFAIK，沒有辦法使用CSS創建換行符。 This SO question有幾個解決方案，如果你想看看那些

Answer 3

你可以使用nth-child選擇器來清除每個第5個元素（已被浮動）。真的，你可以打破但是你想線路，只需使用第n個孩子選擇這樣做......

像這樣：

#availableTimes input { 
    float:left; 
} 

#availableTimes input:nth-child(4n + 1) { 
    clear:left; 
} 

編輯：使用（4N + 1），而不是（5N ）