검도 탭 스트랩 항목 맞춤

Question

나는 문제가있다. 검도 탭 스트립 항목을 나란히 표시했습니다. 4 개의 탭이 있고 창 크기를 조정하면 탭 스트립 항목이 왜곡됩니다. 나란히 표시하는 대신 창 크기를 조정하여 다음 줄로 이동합니다. 예제에서 아래 CSS 스타일을 사용했습니다.

#list1 ul {list-style: none;} 
#list1 li {display: inline;padding-left:5px; padding-right:5px;} 

다음은 jsfiddle 링크입니다. 창 크기를 조정하고 li 항목이 서로 아래에 어떻게 움직이는 지 확인하십시오.

http://jsfiddle.net/k027vw4a/

Answer 1

당신은 당신이 그들을 대신 할 것으로 예상 무슨 말을하지 않았다. 이것이 HTML이 근본적으로 작동하는 방식입니다. 인라인 항목은 페이지에 대해 너무 넓은 경우 줄 바꿈됩니다.

jsFiddle에도 검도가 포함되어 있지 않으므로이 요소는 검도 탭 스트립이 아닙니다.

#list1 ul { 
    white-space: nowrap; 
} 

: 당신은 오히려 스크롤 막대를했을 경우

, 당신이 가진 요소에 자동 줄 바꿈을 비활성화 할 수 있습니다