在段落中歪曲文本

Question

我想“包裹”文字，就像在文字周围环绕文字一样，但是没有图像可以这样做吗？

右边的文字是我想要的结果。

Answer 1

您可以使用CSS3转换。

<强> jsFiddle example

div {
    position:relative;
    width:300px;
    left: 40px;
    transform: skew(-20deg);
   -ms-transform: skew(-20deg); /* IE 9 */
   -moz-transform: skew(-20deg); /* Firefox */
   -webkit-transform: skew(-20deg); /* Safari and Chrome */
   -o-transform: skew(-20deg); /* Opera */
}​

Answer 2

这是可能的，但不能用漂亮的标记来完成。

查看http://www.torylawson.com/index.php?title=CSS_-_Wrapping_text_around_non-rectangular_shapes

http://www.csstextwrap.com/ - 是一个在线工具，如果您想要复制并粘贴，可能会有所帮助。方法

http://www.jwf.us/projects/jQSlickWrap - 如果不支持IE支持，则是非ie浏览器的jquery插件。

Answer 3

在现代浏览器中，您可以使用转换，但这也会扭曲内容（字母）。 例如：

http://jsfiddle.net/willemvb/LftMA/

Answer 4

我设法编写自己的小脚本。这个想法来自jQSlickWrap，每行有一个元素。

这是：http://jsfiddle.net/m4jLt/1/ 它还不完美，但经过一些调整我觉得它会很好用。 这个小提琴有三个版本。 （只是你知道）

如果你做得更好，请分享：）