我使用CSS3的skew变换制作了平行四边形，并将文本放置在另一个具有相反skew值的div中，以使文本保持不变: JSFiddle example 。
有没有一种方法可以使文本与平行四边形的边缘对齐，如下所示:
我愿意接受其他建议，例如，如果无法使用CSS，则使用canvas。如果有JavaScript技术可以做到这一点，那么任何可能有用的链接将不胜感激。
更新:在寻找了一些跨浏览器解决方案之后，我发现最简单的工具是使用 this tool 。
最佳答案
根据要求，您的答案在于使用-webkit-shape-inside:http://hongkiat.com/blog/css3-content-wrapping
用与您的平行四边形匹配的点定义一个polygon，您的内容将适合该形状。
提示:要获取形状的“点”，请从适当的图形设计软件将其导出为矢量，然后在SVG中将其作为坐标。