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; 

甚至（一個元素採用直列默認情況下），這個問題會被分類

第二個選擇是讓所有的錨元素inline-block的刪除此

即在<a></a>作爲div的內嵌塊與white-space: nowrap;