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, а затем установить атрибут min-width через javascript. Я думаю, это должно быть возможно с помощью css.

Answer 1

Добавить:

white-space: nowrap; 

к родительским делам. Я думаю, что это будет держать их на одной линии. На приведенном ниже примере вам также понадобятся:

display: inline; 

на дочерних divs.

http://jsfiddle.net/9dzBy/