Chrome / Opera CSS在孟加拉语/印度语/泰米尔语/乌尔都语中显示错误（在FireFox / IE中不会发生）

Question

我们有一个多语种网站，似乎我们偶然发现了Chrome / Opera中存在的一些错误，但在FireFox / IE中却没有。它只发生在我们的一些语言中，如孟加拉语/印度语/泰米尔语/乌尔都语，我们认为它与脚本或字体相关。似乎Chrome / Opera错误地计算了容器元素的自动宽度，因此它的子元素会溢出到下一行。

要重新创建，只需使用不同的浏览器在孟加拉语http://colnect.com/bn查看我们网站的主页。我们在HTML和CSS代码中都没有特定于浏览器的更改。 您可以单击语言按钮并在语言之间切换，您会发现其中只有一些发生了这种情况。 对于其中一些语言（例如Hindi / hi），我们设置了#top_text {font-size：1em;而不是1.1em 使用CSS可以看到，如果为#top_text设置了足够宽的宽度，则不会将语言按钮推送到下一行。但是，如果其自动宽度设置正确，则不应该发生这种情况。

对于简单的CSS解决方法的任何想法仍然会使我们的设计在所有语言中都具有响应性和有用性吗？

由于

---

Answer 1

在CSS（http://s.colnect.net/e-m.036.css）

中

#lang_btn

你有display:inline-block;

如果您将其更改为

display:inline;

甚至删除它（默认情况下元素采用内联），问题将被排序

第二个选项是使所有锚元素成为内联块

即。该div中的<a></a>为white-space: nowrap;

的内嵌块