Question

我有一个通常居中的表类，但当我在其中放入一个img标签时，它不能正确居中，它会对齐所有内容。我从谷歌尝试了许多CSS的事情无济于事。请帮忙。这是代码：

00 00 09 15

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>

Answer 1

不确定这是否是一个解决方案，但您在此行的style属性中缺少结束双引号：

<tr><td>Image: </td><td><img src="/<?php echo $banner ?>" alt="image" style="max-width:25%;></td></tr>

Answer 2

我把宽度：50％放在不可见的桌子上，最大宽度：100％放在图像上，似乎可以正常工作

Answer 3

您需要更改的是将其添加到您的css：

Restful

表格中的图像未正确居中

3 个答案: