调整浏览器窗口大小时如何防止表格和图像元素移动

Question

I'm a beginner at coding so I have no idea how to fix the code. I tried looking up solutions but only for div elements appear. I did try them though but still couldn't fix it.

 .image { width: 200px; height: 260px; } table { margin-left: auto; margin-right: auto; } td { padding: 10px; } .group { margin-left: auto; margin-right: auto; } 

 <table> <tr> <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> <td><a href="# target="_blank"><img src= "#" alt="#" class="image" /> </a></td> </tr> </table> 

Answer 1

You need to add a width to .table . This will give it a precise width which it can use.

Keep in mind though that this wouldn't make your website responsive on some devices.

 .image { width: 200px; height: 260px; } table { margin-left: auto; margin-right: auto; width: 650px; } td { padding: 10px; } .group { margin-left: auto; margin-right: auto; } 

 <table> <tr> <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> <td><a href="# target="_blank"><img src= "#" alt="#" class="image" /> </a></td> </tr> </table>