html - 处理国际化的无表表单布局

Question

这里很简单。好吧……问起来很简单 - 没有那么多答案。

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

我遇到的问题是我正在构建的应用程序必须允许国际化 - 用户可以单击链接并将语言环境更改为其他地方，随后所有标签中的文本都会更改为其他内容.

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

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

我正在寻求不涉及的修复:

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

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

基本上我想要基于表格的布局。如果可能的话。没有表格。

谢谢。

Answer 1

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