我正在使用 reactjs。当我的网站是英文时，我有完美的填充(padding: 0 1.7em 0 0;)。但是我需要填充更接近 padding: 0 0.55em 0 0;当网站是德语时。我的网站的所有其他语言都在这些填充之间进行了翻译。德语的导航栏(我正在使用此填充进行处理)在 2 行上有链接，我不能在 1.7em 的填充下使用这些链接。然而，当我将它更改为 0.55em 时，英文网站看起来太局促了。当我切换到 % 时，唯一有效的 % 是 1%。英语的 1% 填充看起来非常局促，而德语站点看起来还不错。
问题:
我能做些什么？有没有办法获取链接的大小 <p>然后在 css 中执行 calc()？还是在 js 中？这将允许更改每种语言。因此，也许可以通过更改 css 的状态来实现……idk，我对完全了解我试图传达的内容使用react有点陌生。
最佳答案
我的第一个建议是让你的 <p>稍微宽一点，因为这是最简单的事情。否则:
使用window.navigator.language 查找用户设置的语言
然后使用 react 生成一个 css 规则让你的页面遵守。确保在包含所有其他样式后打印规则，以便填充值不会被默认设置覆盖。
关于javascript - react /javascript : Change padding dynamically，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41022095/