我有一個最大寬度為450像素的容器。這是一個單行容器，其屬性空白設置為nowrap。

我需要做的是添加子元素(那些可以是簡單的span或一些自定義的react組件)，直到內容超過最大寬度。當內容超過最大寬度時，不應將最后一個子元素添加到容器中，而是將文本& quot...+n個項目& quot應該會出現。

我不滿意溢出:隱藏，因為它只是切斷溢出的文本。我想我必須遍歷這些條目，檢查現有內容的寬度加上新條目的寬度是否超過了容器的寬度..但是對我來說實現起來很復雜

任何幫助都將不勝感激

我嘗試通過createElement創建元素，獲取它們的寬度并計算東西。但是我不知道如何在渲染前得到元素的寬度。