表中的圖像不正確集中

Question

我有一個通常居中的表類，但是當我將一個img標記放入其中時，它並沒有正確居中，它將所有東西都左對齊。我已經從谷歌嘗試了很多CSS的東西無濟於事。請幫忙。下面是代碼：

<table class="invisible" style="table-layout: fixed;"> 
    <form id="event" enctype="multipart/form-data" method="post" action="/en/events/add/submit"> 
     <tr><td>Event Name: </td><td><input type="text" name="name" value="<?php echo $name ?>" required></td></tr> 
     <tr><td>Date: </td><td><input type="text" id="date" name="date" required></td></tr> 
     <tr><td>Start Time: </td><td><input type="text" name="startTime" value="<?php echo $startTime ?>" onkeypress='return event.charCode >= 48 && event.charCode <= 57' required></td></tr> 
     <tr><td>End Time: </td><td><input type="text" name="endTime" value="<?php echo $endTime ?>" onkeypress='return event.charCode >= 48 && event.charCode <= 57' required></td></tr> 
     <tr><td>Description: </td><td><br><textarea name="description" id="description" required><?php echo $description ?></textarea></td></tr> 
     <tr><td>Image: </td><td><img src="/<?php echo $banner ?>" alt="image" style="max-width:25%;></td></tr> 
     <tr><td>New Image: </td><td><input type="file" name="file" id="file"></td></tr> 
     <tr><td></td><td><br><input type="button" value="Submit" onclick="verifyData()"></td></tr> 
    </form> 
</table> 

CSS：

table.invisible 
{ 
    margin: 0 auto; 
} 
table.invisible td 
{ 
    border: 0; 
}