html - 什么时候使用什么时候不使用表格？

<分区>

有些人认为table 是魔鬼的产物。其他人主要使用它来格式化他们的网站。你什么时候在 table 上画线？您什么时候觉得自己在虐待他们？

我个人只使用表格来显示数据，在大多数情况下需要表格。不过，我碰壁了。我需要对齐两个文本框，你会为此使用表格吗？

我正在考虑做这样的事情:

<table style="border: 0; border-collapse: separate; border-spacing: 10px; margin: 10px auto;">
    <tr>
        <td><label for="username">Username</label></td>
        <td><input type="text" name="username" placeholder="Username"></td>
    </tr>

    <tr>
        <td><label for="password">Password</label></td>
        <td><input type="password" name="password" placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;"></td>
    </tr>

    <tr>
        <td></td>
        <td><input type="submit" name="submit" class="btn btn-large btn-info" style="float: right"></td>
    </tr>
</table>

请原谅内联 CSS，我在这个例子中使用了它。

你会在那里划清界限吗？我正在越过这条假想线吗？你会怎么做？

最佳答案

为了对齐，我会使用 <div>元素，或者，如果失败，绝对定位。也试试 display:inline-block在 div 上元素。他们为什么不排队？你试过什么？表格不应该用于格式化。永远。这是一种可怕的做法，表格不是为此而设计的。只有在显示表格数据时才使用表格。否则见上文。

关于html - 什么时候使用什么时候不使用表格？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16403008/