-1

有些人认为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，我在这个例子中使用了它。

你会在那里画线吗？我是否跨越了这条想象中的界限？你会怎么做？

4

3 回答 3

2

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

于 2013-05-06T16:30:01.507 回答
0

Tables should be used to represent tabular data. Divs are divisions or sections and should be used to group block-elements. Spans are useful when you want to group inline-elements.

于 2013-05-06T16:37:17.413 回答
0

我个人认为在表格方面使用表格进行布局是可以的，尤其是在一些超级复杂的表格的情况下——比如这个：http ://www.wolfhair.com/consultation-options/

我的理由是，如果输入到文本字段中的数据是实际文本而不是文本字段，那么它实际上似乎是表格数据。事实上，如果你要存储这些信息，它会被放入一个类似表格的结构中，以便以后从中提取。

作为演示，以您的例子为例。如果已填写并且文本字段是实际数据结果。

<table border="1">
    <tr>
        <td><label for="username">Username:</label></td>
        <td>MyUsernameRox</td>
    </tr>

    <tr>
        <td><label for="password">Password:</label></td>
        <td>M0stSecurePasswordEv3r</td>
    </tr>
</table>

http://jsfiddle.net/sGq2Q/

除了使用它来组织和排列表单之外，它不应该用于布局。

于 2013-05-06T16:49:06.087 回答