부모 요소 외부에 텍스트 래핑 지점을 정의 하시겠습니까?

Question

CSS/JS/jQuery/등을 사용하여 가능합니까? 상위 요소 외부의 텍스트에 대한 배치 지점을 정의 하시겠습니까?

내가 이것을 묻는 이유는 하나의 요소에 모두 들어 있다는 인상을주는 동시에 텍스트를 작은 조각으로 나눌 수 있기를 바랍니다. 예를 들어 폭이 300px이고 키가 큰 div를 상상해보십시오. 내용이 텍스트이므로 이 div를 100 x 100px 인 3 x 3 div의 그리드로 분할 할 수 있지만 작은 div 내부의 텍스트 위치를 조작하여 연속 텍스트의 모양을 제공하고 싶습니다. 나는 몇 가지 CSS3 3D 변환을 할 수 있기를 원하기 때문입니다 나는이 작업을 수행 할 수

이유 :이 설명하기가 조금 어렵습니다 때문에

는

, 여기 무슨 뜻인지의 이미지입니다 이미지로 전환하지 않고 텍스트를 보려면 http://www.joelambert.co.uk/flux/ -> Tiles3D

이 가능합니까?

당신은 모든 블록의 모든 사업부 블록과 position: absolute;와 위치를로 텍스트 사업부를 복제 overflow: hidden; 그것을 숨길 수 : 당신이 효과를 변환에 3D로 블록을 달성하려면

Answer 1

, 다른 해결책이있을 수 있습니다. 이것이 큰 텍스트 블록이라는 인상을 다시 갖게 될 것입니다.

그런 다음 div를 블록 단위로 변환 할 수 있습니다.

JS-Fiddle

Answer 2

어쩌면 CSS3 열이 도움이 될 수 있습니다 :

#con{background-color: #DDDDDD; 
padding: 10px; 
font-family: Verdana, Geneva, sans-serif; 
font-size: 12pt; 
color: #888888; 
text-align: left; 
-webkit-column-count: 3; 
-moz-column-count: 3; 
column-count: 3; 
-webkit-column-gap: 35px; 
-moz-column-gap: 35px; 
column-gap: 35px; 
} 

는 내가 그것을 의미하는 방법, 아주 잘 작동합니다 당신을 보여주기 위해 짧은 바이올린을 구축

jsFiddle