Css 如何解决不同语言(如英语和汉语)之间的表单样式

Css 如何解决不同语言(如英语和汉语)之间的表单样式,css,forms,Css,Forms,在web开发中,经常需要处理国际化问题。 那么,如何处理不同语言中标签宽度的不确定性所带来的风格问题呢 编辑: 我想知道是否可以使用CSS动态计算标签所需的宽度并进行自适应。我认为这是设计问题,而不是技术问题。为了支持i18n,有时您需要改变方法。在这种情况下,我看到设计师将标签放在表单字段上方,让它们根据每种语言所需的字符数量增长。设计始终需要符合i18n(国际化)和a11y可访问性标准。还要记住RTL和LTR设计以及css类修饰符 是的,你说的很有道理。但是在这里,主要是想知道CSS是否可

在web开发中,经常需要处理国际化问题。 那么,如何处理不同语言中标签宽度的不确定性所带来的风格问题呢

编辑:
我想知道是否可以使用CSS动态计算标签所需的宽度并进行自适应。

我认为这是设计问题,而不是技术问题。为了支持i18n,有时您需要改变方法。在这种情况下,我看到设计师将标签放在表单字段上方,让它们根据每种语言所需的字符数量增长。设计始终需要符合i18n(国际化)和a11y可访问性标准。还要记住RTL和LTR设计以及css类修饰符


是的,你说的很有道理。但是在这里,主要是想知道CSS是否可以用来动态计算标签所需的宽度并进行自适应。您可以始终使用
属性作为修饰符来更改
标签的宽度,例如
html[lang=fr]标签{width:1rem;}
html[lang=zh Hans]标签{宽度:1.5rem;}
是的,这是一种根据语言设置不同css的好方法。但是,有一件事并不令人满意。如果您支持10种语言,每个FormItem需要设置10种样式,这是一项很大的工作。如果您可以根据左侧标签的最大宽度自动缩放,那就可以了。我想您正在寻找这是:如果您需要调整方面的帮助,请共享您的代码,如果这样做不行,则需要为此添加javascript。