應用省略號一個子元素，而不是其他

Question

我有以下佈局：

<div> 
    <div1> 
    <span1></span> 
    <span2></span> 
    </div> 
    <div2> 
    <span></span> 
    <span></span> 
    </div> 
</div> 

Div1構成具有以下屬性：flex-grow: 1以便它可以佔用它所需要的所有可用空間。

當div1佔用所有需要的空間時，當瀏覽器窗口變小時，span1應該省略而span2不應該。

我該怎麼做？我嘗試過flex的各種用法，增加更多的div，並且改變寬度而沒有成功。

乾杯。

Answer 1

我最終做的是將span1和span2都轉換爲div。在跨距2設置一個硬編碼的寬度（DIV2）然後SPAN1（DIV1）設置寬度

max-width: -moz-calc(100% - 110px); 
max-width: -webkit-calc(100% - 110px); 
max-width: -o-calc(100% - 110px); 
max-width: calc(100% - 110px); 

其中110px是跨距2的寬度（DIV2）