Javascript 是否在父元素外部定义文本换行点?

Javascript 是否在父元素外部定义文本换行点?,javascript,jquery,css,Javascript,Jquery,Css,是否可以使用CSS/JS/jQuery/etc为父元素之外的文本定义包装点 我问这个问题的原因是,我希望能够将文本分割成更小的部分,同时仍能给人一种感觉,即它都包含在一个元素中。例如,想象一个高宽300px的div,它的内容是文本。我希望能够将这个div分割成一个由3 x 3个div组成的网格,这些div都是100px x 100px,但通过在较小的div中操纵文本定位,可以呈现连续文本的外观 因为这有点难以解释,下面是我的意思: 我之所以要这样做,是因为我希望能够在不转换为图像的情况下对文本

是否可以使用CSS/JS/jQuery/etc为父元素之外的文本定义包装点

我问这个问题的原因是,我希望能够将文本分割成更小的部分,同时仍能给人一种感觉,即它都包含在一个元素中。例如,想象一个高宽300px的div,它的内容是文本。我希望能够将这个div分割成一个由3 x 3个div组成的网格,这些div都是100px x 100px,但通过在较小的div中操纵文本定位,可以呈现连续文本的外观

因为这有点难以解释,下面是我的意思:

我之所以要这样做,是因为我希望能够在不转换为图像的情况下对文本进行一些CSS3 3D转换,请参见例如-->Tile3D


这可能吗?

如果您想实现块式3D变换效果,可能有另一种解决方案:

您可以将文本div复制到每个div块中,并使用
position:absolute对其进行定位在每个块中,并使用
溢出:隐藏将其隐藏。然后,您会再次感觉到这是一个大的文本块

然后您就可以按块变换这些div

我制作了一把小提琴来向您展示我的意思,它应该可以很好地工作:


也许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;
}

为什么要这样分割文本?当然你更愿意在句子内部进行分割?因为我希望能够对文本进行一些CSS3 3D转换,而不会转换成图像。例如,请参见-->tiles3D谢谢您的回答,但不幸的是,这并没有达到我所期望的效果。请参阅我添加到问题中的链接,以便更好地解释我要查找的内容。为什么不查看githiub上的read me文件?谢谢!这正是我要找的!做得好,给出了一个完美的答案,尽管我的问题可能不是有史以来问得最清楚的。:)