处理国际化的无表格形式布局

Question

这里非常简单。嗯......简单的问 - 不要回答。

似乎大多数无表格的表单布局需要将标签的宽度设置为设置宽度，以允许所有输入元素在右侧对齐。例如http://www.alistapart.com/articles/prettyaccessibleforms/

我遇到的问题是，我构建的应用程序必须允许国际化 - 用户可以点击链接并将区域设置更改为其他位置，然后是所有标签中的文本改变别的东西。

因此，例如，在基于表格的表格布局中，您有2列 - 一列用于标签，一列用于输入元素。所有输入元素都向左对齐，因此排成一行。设置起来非常容易，标签栏的宽度等于最宽的标签。

然而，对于表格的无表格布局，标签都必须具有设置宽度以对齐输入元素。您不能轻易地将它们设置为与最宽标签一样宽。

我在修复之后没有涉及：

只需将标签设置为与所有标签中最宽的单词一样宽    可能的语言

以编程方式设置与标签关联的样式的宽度    在页面呈现之后。

基本上我想要基于表格的布局会做什么。如果可能的话。没有桌子。

感谢。

Answer 1

实现这一目标的唯一方法是在CSS中模拟表，即设置display: table等。这在IE 7及更早版本中不起作用。我建议您重新考虑拒绝表格数据表格标记的原因，如典型表格。