2011-08-11 7 views
3

페이지에 많은 데이터가 있습니다. 콘텐츠 스타일 태그 (div 요소)를 분할하는 대신 책 스타일로 만들고 싶습니다. 높이를 기준으로 분할하고 싶습니다. 누구나 나를 가르쳐 주시겠습니까? jquery에서 높이를 기준으로 콘텐츠를 분할하는 방법은 무엇입니까?jQuery 높이를 기준으로 콘텐츠를 분할합니다.

페이지 분할과 같은 세로 분할 대신 세로 분할이 필요하지만 Google 스프레드 시트와 같은 실제 분할은 페이지로 자동 분할되는 콘텐츠를 많이 붙여 넣을 때 유용합니다.

+1

은 HTML에 따라 다릅니다. 몇 가지 코드를 볼 수 있습니까? –

+0

여기 링크 http://jsbin.com/omeseg – Shishant

+0

내가 물어볼 수 있다면 어떻게 해결 했습니까? – vmachacek

답변

-2

CSS3 Columns을 사용해보아야합니다. 이것은 당신을 위해 아주 잘해야합니다. 물론 유일한 문제는 terrible support in IE입니다.

+0

내 업데이트 또는 Mrchief에 대한 의견을 읽으십시오. – Shishant

+0

[IE에는 모든 것이 나쁜 지원을합니다.] (http://youcantuseieandexpectperfection.com/) – Rudie

-2

CSS multicolumn layout을보세요. Internet Explorer에서도 작동합니다.

+1

죄송합니다. 내가 찾고있는 것이 아닙니다. 붙여 넣기 할 때와 같은 콘텐츠 분할을 찾고 있습니다. Google 워드 프로세서에있는 많은 데이터가 자동으로 콘텐츠를 페이지로 분할합니다. – Shishant

+0

글쎄, 그 경우,'onpaste' 핸들러를 사용하고, 페이지를 생성 할 내용에 페이지 매김 플러그인을 적용하십시오. 페이지의 스타일을 지정하여 Google 워드 프로세서의 모양과 느낌을 얻을 수 있습니다. 다음은 몇 가지입니다 : [SweetPages] (http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/) 및 http://www.script-tutorials.com/creating-modern-jquery -pagination-for-content/ – Mrchief

+0

두 가지를 모두 체크했는데 태그를 기반으로 콘텐츠를 분할했습니다. 두 개의 div가 하나씩 있습니다. 1000px 또 다른 100px = 총 1100px 500px div 높이로 나누고 싶습니다. – Shishant

0

Shishant : 다음 플러그인은 문제에 대한 해결책을 제공합니다. 확인하십시오 http://welcome.totheinter.net/columnizer-jquery-plugin/

플러그인을 다운로드하고 sample9.html 데모를 확인하십시오. 내가 생각하는 것과 똑같은 것을 찾고 있을지도 모른다.

관련 문제