CSS - 保持元素的寬度

Question

是否有一個css規則使父級<div>在縮放窗口後保持其大小（取決於元素）？爲了使它更清楚，這裏有一個例子：

<div style="width: 100%; height: 100%;"> 
    <div style="width: 30px; height: 30px;"> 
     text1 
    </div> 
    <div style="width: 60px; height: 30px;"> 
     text2 
    </div> 
    <div style="width: 30px; height: 30px;"> 
     text3 
    </div> 
</div> 

該代碼應該彈出一個div 3層較小的div的內部。現在，當你調整窗口大小時，個別孩子將被「破碎」成新的線條。

我該如何防止這種行爲？使用min-width將不起作用，因爲我希望寬度具有動態性，應該可以添加和刪除子項。我想到的唯一選擇是通過javascript來計數孩子，然後通過javascript設置min-width屬性。但我認爲，這應該可以用CSS來處理。

Answer 1

地址：

white-space: nowrap; 

父DIV。我認爲這將使他們保持同一路線。在您提供的示例中，您還需要：

display: inline; 

關於子div。

http://jsfiddle.net/9dzBy/