размер дочерних элементов в соответствии с длиной

Question

я следующий HTML структуру

<div class="wrapper"> 

<ul class="list"></ul> 

</div> 

которой уль элемент динамически заполняется Li элементов, но, когда они находятся несколько (более 5) превышает высоту обертки , поэтому я хотел бы знать, есть ли способ настроить эти элементы на свой контейнер или наоборот.

Answer 1

Так у вас есть два случая здесь:

Случай А

Отрегулируйте объекты в width контейнера можно использовать:

li { 
    display:table-cell; 
    width:1%; 
} 

Вы можете проверить Demo Here

Случай B

регулировки оборотов контейнера до размера элементов вы можете использовать:

ul { 
    white-space:nowrap; 
    display:inline-block; 
} 

li { 
    display:inline-block; 
} 

Вы можете проверить Demo Here

---

Также эта опция может иметь другие варианты все зависит от ваших потребностей.