컨테이너에 맞게 요소 크기 조정

Question

ul의 내부에는 li 요소가 있습니다. 내부의 요소가 컨테이너가 넘치지 않도록 줄 바꿈을 방지하려면 어떻게해야합니까?

li 요소에서 font-size 및 margin을 조정해야한다고 생각합니다.
그러나 어떻게, 나는 모른다. 아이디어에 대한 접근 방식은 무엇입니까?

명심하십시오. 메뉴입니다. 여기

예 : 글꼴 크기가 감소되는리스트의 요소 수를 증가하면이 그러나이 코드
도움이 될 것입니다 경우 http://jsfiddle.net/gken6/

Answer 1

는 내가 제대로 질문을 이해 알고하지 않습니다 용기를 넣으십시오.
은 물론이 코드는 개선되어야하지만, 그것은 단지 아이디어 당신이 솔루션은 사용자의 요구에 맞게하지 않으면, 난 당신이 시간을 허비하고 사과
Fiddle

<script type="text/javascript"> 
$(document).ready(function(){ 
    function decrease() { 
     var count=0 
     function recursor(count){ 
       var containerW=$('.container').width() 
       var liW=$('.container li').width() 
       console.log(liW) 
       var nuberLinks=$('.container li').length 
       var total=liW*nuberLinks 
       if(total>=containerW){ 
        $('.container ul').css({'font-size':20-count+'px'}) 
        count++ 
        recursor(count) 
       } 
     }; 
     recursor(0); 
    }; 
    decrease(); 
}) 
</script> 

을 제공하는 것이 었습니다.