列を新しい行/行に自動ラップする方法

Question

私は、クエリを実行し、いくつかのレコードを再実行するスクリプトを持っています。私はその後、画面上のテーブルの列に各レコードを表示する必要があります。画面の右側に達すると、次の列を新しい行/行にラップします。

これは、各列を "display：inline-block" CSS要素を持つDivの中に置くことができると読んだことがあります。

私がやろうとしています何の例はここで見ることができます：

​​

は、どのように私は、これは以下の私のコードを使用してreprodueすることができます。

マイコード： CSS

.gridview_inline_block { 
    display: inline-block; 
} 

マイページコード：お時間を

echo "<table border='0' cellspacing='2'>"; 

while ($row_Audit = mysql_fetch_assoc($Audit)) { 
$RoomNo1 = $row_Audit['HistRoom']; 
$RoomNo2 = $row_Audit['ValidRoom']; 
$UniqueID = $row_Audit['UniqueID']; 
$UniqueID2 = $row_Audit['ValidUniqueID']; 

if($row_Audit['OutOfService'] == 1) { 
    echo "<tr>"; 

    echo " <div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewOutofService\"> 
     <a href='13-1-room_edit_status_iframe.php?Room=$RoomNo2' target='_self'>$RoomNo2</a> 
    </td></div>"; 

}elseif($row_Audit['ValidStatus']== 6) { 
    echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewsaved\"> 
     <a href='15-1-3-room_report_saved_iframe.php?UniqueID=$UniqueID2' target='_self'>$RoomNo2</a> 
    </td></div>"; 

} elseif($row_Audit['HistStatus']== 1 || $row_Audit['PassFail']== 1 && $row_Audit['RepairCode']!= 4) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"compfaults\"> 
    <a href='52-1-room_report_faults_iframe.php?UniqueID=$UniqueID' target='_self'>$RoomNo1</a> 
</td></div>"; 

} elseif($row_Audit['HistStatus']== 2 || !empty($row_Audit['RepairDate'])) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"compfixed\"> 
    <a href='13-1-4-by_room_repaired_report_iframe.php?UniqueID=$UniqueID' target='_self'>$RoomNo1</a> 
</td></div>"; 

} elseif($row_Audit['PassFail']== 1 && $row_Audit['ValidStatus']!= 6) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"compfaults\"> 
    <a href='14-1-room_report_faults_iframe.php?UniqueID=$UniqueID' target='_self'>$RoomNo1</a> 
</td></div>"; 

} elseif($row_Audit['ValidStatus']== 8) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewmagentalight\"> 
    <a href='13-1-5-room_report_due_all1_iframe.php?UniqueID=$UniqueID' target='_self'>$RoomNo2</a> 
</td></div>"; 

} elseif($row_Audit['Status']== 5) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewmagenta\"> 
    <a href='room_report_due_all2_iframe.php?UniqueID=$UniqueID&OverDue=1' target='_self'>$RoomNo2</a> 
</td></div>"; 

} elseif($row_Audit['ValidStatus']== 7 ) { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewgreen\"> 
    <a href='14-1-5-room_report_complete_all_iframe.php?UniqueID=$UniqueID2' target='_self'>$RoomNo2</a> 
</td></div>"; 

} elseif($row_Audit['ValidStatus'] === NULL || $row_Audit['ValidStatus'] == "" || $row_Audit['ValidStatus'] == "99") { 
echo "<div class=\"gridview_inline_block\"><td id=\"room\" class=\"roomviewwhite\"> 
    $RoomNo2 
</td></div>"; 
echo "</tr>"; 
} 
} 
echo "</table>"; 

感謝します。

Answer 1

私はHTMLを書き直し、今私がしているだけに使用DIVのと同じCSSで

<div class="floating-box">        
<div class="roomviewsaved"> 
    <a href='test.php?UniqueID=<?php echo $UniqueID;?>' target='_self'><?php echo $RoomNo2;?></a> 
</div> 
</div> 

を入力いただき、ありがとうございます。