2012-05-01 4 views
0

I 구현이 우수한 튜토리얼에 따라 나무 렌더링 : CSS 사업부를 확장하고 스크롤바를 추가

http://thecodeplayer.com/walkthrough/css3-family-tree

그러나 큰 나무에 대한

, 전체 서브 트리 주위에 텍스트처럼 「랩」되는 것, 나무를 분할 혼란에 빠지다.

http://jsfiddle.net/shkAh/

모든 아이디어를 어떻게 자동으로 캔버스를 확대하고 스크롤 막대를 추가 :

여기에 코드를 참조하십시오? 나는 overflow의 다양한 치환을 시도했다 : 자동, 그러나 아무것도 작동하지 않는다.

답변

0

트리를 원하는 너비로 지정할 수 있습니다. CSS에 다음과 같이 입력 해보세요. div.tree { width: 2000px; }

+0

예, 그런 종류의 작품입니다. 그런 다음 대부분의 시나리오에서 거대한 흰색 영역을 다루는 스크롤바가 생깁니다. div가 어쨌든 필요에 따라 자동으로 확장 될 수 있으면 더 좋을 것입니다. –

+1

확인. 어쩌면이게 효과가 있을까요? 'div.tree {white-space : nowrap; }' –