推荐内容的表格错位问题

application/views/mobile_first/ah-next.php

@@ -1,11 +1,14 @@
 <div class="nextcontext">
-<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'])){ ?>
+
+    <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'])){ ?>
         <td>
     <div class="nextarticle">
         <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <img
@@ -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'])){ ?>
@@ -80,7 +85,7 @@
             <table class="info_reco_table">
                 <tbody>
                     <tr>
-                        <td>
+            <td>
         <?php if(!empty($recommands['Tour A'])){ ?>
             <div class="tournext">
                 <img src="https://data.asiahighlights.com/grey.gif" loader="lazy"
@@ -135,10 +140,13 @@
                 </div>
             </div>
         <?php } ?>
-    <?php } ?>
+
         </td>
-</tr>
+                    </tr>
-</tbody>
+                </tbody>
-</table>
+            </table>
-</div>
+        </div>
+
+    <?php } ?>
+
 </div>