Question

我知道这是一个持续的讨论，并且float：right应该是避免使用表格进行格式化的答案，但是我似乎无法弄清楚如何在没有表格的情况下执行以下操作。标签会根据语言而变化，因此不能使用固定宽度。

当输入的宽度不同时，我似乎无法浮动：可以正常工作。这是我用于表格的HTML ...

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head />
<body>
    <style>
        .left {
            width:1%;
            white-space:nowrap;
            text-align:right;
            padding-right: 5px;
        }
    </style>
    <form>
        <table
            width="400">
            <tr>
                <td class="left">Name:</td>
                <td>
                    <input
                        type="text"
                        style="display:table-cell; width:100%"/>
                </td>
            </tr>
            <tr>
                <td class="left">Telephone Number:</td>
                <td>
                    <input
                        type="text" style="width: 30px;"
                    />-<input
                        type="text" style="width: 30px;"
                    />-<input
                        type="text" style="width: 40px;"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input
                        type="checkbox"
                    />Okay to leave the package without a signature.
                </td>
            </tr>
            <tr>
                <td valign="top" class="left">Delivery Notes:</td>
                <td>
                    <textarea
                        rows="5"
                        style="display:table-cell;
                        width:100%"
                    ></textarea>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

谢谢。

没有表格怎么办

0 个答案: