내가 가지고 ul있는 내부의 일부가 li요소. 컨테이너를 넘치지 않고 내부 요소가 줄을 끊는 것을 어떻게 방지합니까?
나는 내가를 조정할 필요가 있다고 생각 font-size하고 margin온 li요소.
그러나 어떻게, 나는 모른다. 문제에 대한 접근 방식이 무엇인지 아이디어가 있습니까?
이것은 메뉴임을 명심하십시오.
질문을 올바르게 이해하고 이것이 도움이 될지 모르겠지만
이 코드를 사용하면 목록의 요소 수를 늘리면 글꼴 크기가 컨테이너에 맞게 줄어 듭니다.
물론이 코드는 개선되어야하지만 그것은 단지 여러분에게 아이디어를주기위한 것입니다.
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>
이 솔루션이 귀하의 요구에 맞지 않으면 시간을 낭비하게 만든 것에 대해 사과드립니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다