고정 폭 div 위에 요소를 펼칩니다.

Question

div 내에서 요소를 펼칠 방법이 있습니까 (예 : < 리 >의 내부에 <ul>)?

EG : 나는 3 개 요소를, 그래서 그들은 모두 30 %

EG 얻을 : 나는 5 개 요소를 가지고, 그래서 그들은 20 %

이 작업을 수행하는 가장 좋은 방법은 무엇을 얻을?

Answer 1

html, 
 
body { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
ul.flatList { 
 
    list-style: none; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
ul.flatList li { 
 
    width: 33.3%; 
 
    display: inline; 
 
    float: left; 
 
    text-align: center; 
 
}

<ul class="flatList"> 
 
    <li>left</li> 
 
    <li>middle</li> 
 
    <li>right</li> 
 
</ul>

다시, 내 질문은 질문 후 5 년이 답변에 B,

하지만 난 밤이 (우아한) 솔루션을 발견을 위해 공유 일반 복지 및 지식.

Answer 2

자식 요소의 명시적인 너비를 설정하고 이에 따라 왼쪽 또는 오른쪽으로 유동시킵니다.

Answer 3

display: inline-table;