如何在不使用表格的情况下设置样式和对齐方式？

Question

我已经习惯于<table>s完美地对齐表单字段。这是我通常编写表单的方式：

<table border="0">
   <tr>
     <td><label for="f_name">First name:</label></td>
     <td><input type='text' id='f_name' name='f_name' /></td>
     <td class='error'><?=form_error('f_name');?></td>
   </tr>
</table>

我知道这是不好的做法，我 想 使用CSS，
，<label>s，<div>s或清洁方法。但是，事实是，<table>s对于表格来说，效果非常好。一切都完全正确地对齐，间距是完美的，所有错误都在彼此之间，等等。

我最近尝试为表单使用<dt>and <dd>标记，但是由于它们看起来好多了，我最终返回到表。

不使用<table>s 如何获得这种对齐的表格布局？

Answer 1

这可能不会得到很多支持，但这是我的两分钱：

在某些情况下，表格 更易于 布局；例如三列或表单（尽管这里有一些关于纯CSS表单布局的好建议，因此也不要忽略它们。）

流程和方法论可以使人成为好仆人，但却是差的主人。
   -Mark Dowd，John McDonald和Justin Schuh 
     在“软件安全评估的艺术”中

我相信这句话非常适用于这种情况。如果您的表格布局适合您，不会引起可访问性问题且未损坏-则不要对其进行修复。

像这样的短语：“你应该”，“必须”，“总是”-让我感到害怕，因为一个尺码并不能全部适合！把狂热者和一粒盐一起吃。