Question

我即将创建一个简单的HTML表。我希望一些单元格不要改变它们的宽度，即使表格的可用空间增加（例如：更高的分辨率）。

我用我的代码创建了JSF。我的问题是，如果我将垂直分隔符一直向左移动，则删除按钮的列开始变宽，而不是保持其大小。

请帮帮我怎样才能做到。谢谢！

<!DOCTYPE HTML>
<html lang="en-US">
    <title>User Management</title>

    <body>
        <table cellspacing="0" border="1" style="width:80%;">
            <tr>
                <td>
                    <form action="/link1" method="post">
                        <div style="max-width:60px;display:block;">
                            <input type="hidden" name="id" value="1" />
                            <input type="button" name="Confirm" value="Delete" onclick="UserConfirm(this)" />
                        </div>
                    </form>
                </td>
                <form action="/link2/" method="post">
                    <td style="margin:10px;max-width:60px;">
                        <input type="text" name="id" value="1" style="display:none" />1</td>
                    <td style="margin:10px;">
                        <input type="text" name="username" value="1" style="display:none" />johnd</td>
                    <td style="margin:10px;">
                        <input type="text" name="firstname" value="John" style="width: 80px;" maxlength="10" required />
                    </td>
                </form>
            </tr>
        </table>
    </body>
</html>

Answer 1

只需为按钮的TD分配一些小宽度，如下所示。

 <td width="10">
                <form action="/link1" method="post">
                    <div style="max-width:60px;display:block;">
                        <input type="hidden" name="id" value="1" />
                        <input type="button" name="Confirm" value="Delete" onclick="UserConfirm(this)" />
                    </div>
                </form>
            </td>

Fiddle Demo

HTML max-width不适用于单元格

1 个答案: