一尘不染

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

css

我已经习惯于<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 如何获得这种对齐的表格布局?


阅读 324

收藏
2020-05-16

共1个答案

一尘不染

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

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

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

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

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

2020-05-16