推荐内容的表格错位问题

application/views/mobile_first/ah-next.php

@@ -1,10 +1,13 @@
 <div class="nextcontext">
-<h2 class="nexttitle">More Travel Ideas and Inspiration</h2>
-<div class="table-responsive">
+
+    <?php if(!empty($recommands['Article A']) || !empty($recommands['Article B']) || !empty($recommands['Article C']) || !empty($recommands['Article D'])){ ?>
+
+    <h2 class="nexttitle">More Travel Ideas and Inspiration</h2>
+    <div class="table-responsive">
         <table class="info_reco_table">
             <tbody>
             <tr>
-    <?php if(!empty($recommands['Article A']) || !empty($recommands['Article B']) || !empty($recommands['Article C']) || !empty($recommands['Article D'])){ ?>
+
             <?php if(!empty($recommands['Article A'])){ ?>
         <td>
     <div class="nextarticle">
@@ -65,11 +68,13 @@
         </div>
         </td>
     <?php } ?>
+            </tr>
+            </tbody>
+        </table>
+    </div>
     <?php } ?>
-</tr>
-</tbody>
-</table>
-</div>
+
+
 
 
     <?php if(!empty($recommands['Tour A']) || !empty($recommands['Tour B']) || !empty($recommands['Tour C']) || !empty($recommands['Tour D'])){ ?>
@@ -135,10 +140,13 @@
                 </div>
             </div>
         <?php } ?>
-    <?php } ?>
+
         </td>
-</tr>
-</tbody>
-</table>
-</div>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+    <?php } ?>
+
 </div>