2012-01-28 1 views
1

창 높이를 줄이면 동적으로 생성 된 열로 이월되도록 텍스트 내용을 가져 오는 방법은 무엇입니까?
기본적으로이 : enter image description here낮은 창 높이에서 텍스트 내용이 새로운 동적 열로 넘침

는이 작업을 수행 할 수 거기서 어떤 JQuery와/다른 플러그인 있습니까?

가로로 스크롤하는 웹 사이트에서 작업하는 동안 벽에 부딪 쳤습니다. 그리고 이것은 나를 괴롭혀 지난 달 동안 나를 미치게했습니다. 나는 광란이 적절한 연구를하도록 내 마음을 막혔다 고 생각한다.

treesaver.js가 있습니다. http://demo.nomadeditions.com/wide-screen/#-/wide-screen/oscar-bloggers.html; IE9에서는 제대로 작동하지만 IE8에서는로드되지 않습니다 (IEtester에서 확인해봤을 때 잘못된 것일 수 있습니다). treesaver의 유일한 문제는 창 크기가 조정될 때마다 계속해서 다시로드된다는 것입니다.
CSS 자체에서이 작업을 수행 할 수 있다면 좋을 것입니다. 이 사소한 문제는 실제로 자바 스크립트 플러그인이 필요하지 않지만, 시장에서 사용되는 다양한 브라우저 (자신의 기발함과 함께)가 먼저 js 바구니에 손을 담그겠습니다.

답변

2

에서 텍스트 효과를 살펴 보자은 현재 W3C 후보의 reccomendation

http://www.w3.org/TR/css3-multicol/입니다

현재 작업에서 볼 수 있습니다

http://www.quirksmode.org/css/multicolumn.html

나쁜 소식은 IE 8에서도 지원되지 않는다는 것입니다. 표준 모드. 나는 여기서 IE 9을 사용할 수 없지만 이것이 공개 사이트라면 어쨌든 IE 9를 요구하지 않을 것입니다.

+0

안녕하세요, 거스, 입력 해 주셔서 감사합니다. 나는 멀티 컬럼을 고려해 보았지만, 그 중 하나와 멀리 갈 수 없었다. 높이를 사용했을 때 칼럼 개수에 영향을 미치지 않았습니다. (뭔가 잘못했을 수도 있습니다.) 어쨌든, 나는 "break-after : column"과 "overflow : visible"을 흥미롭게 보았습니다. 지금 당장 그걸로 논평해라. – carpenumidium

+0

** 업데이트 ** http://jsbin.com/icorub/2/edit#html,live 작업 동료가되었습니다! _ (역설적으로, 나는 뒤틀림이나 오버플로를 사용할 필요가 없었습니다 : 보이는) _ :] 코드는별로 정제되지 않았지만 여전히 기본적인 아이디어를 제공합니다. 모든 라운드 건배! IE 사용자는 수직 스크롤링 웹 사이트가 정상적으로 성능이 저하되는 것을 보게됩니다. – carpenumidium

+0

우수 :) 도움이 된 것을 기쁘게 생각합니다. :) – Gus

0

당신이 요구하는 어떤 http://www.jwf.us/projects/jQSlickWrap/

+0

나는 이것이 작동 할 것이라고 생각하지 않는다. 또한 js 와도 편리하지 않으므로,이 플러그인으로 실제로 할 수 있다면 너무 많이 요구하지 않는다면 jsfiddle을 고맙게 생각할 것입니다. – carpenumidium