调整元素大小以适合容器

Question

我有ul里面有一些li元素。 如何防止内部元素断线，而不会溢出容器。

我想我需要调整font-size元素上的margin和li。
但是怎么样，我不知道。 任何想法解决问题的方法是什么？

请记住这是一个菜单。

此处示例：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>

如果此解决方案不符合您的需求，我会为您浪费时间而道歉。