css - 将 <p> 限制在带有 CSS 的 Angular <div> 的边界(附加 JSFiddle 链接)

Question

我想要 <p>在我的文档中包含一个 Angular <section>容器以便为段落创建阶梯线。理想情况下，我希望段落采用平行四边形的形状。就目前而言，当我旋转我的段落以使线条水平时，该段落超出了 <div> 的范围。 .请参阅下面我的 JSFiddle 链接:

http://jsfiddle.net/aredtiefilm/sUymx/2/

当我尝试溢出选项时，我能做的最好的事情就是隐藏段落中 <section> 之外的部分.我想强制段落的内容采用容器的形状，而不隐藏或滚动。这可能吗？

Answer 1

为段落元素使用以下 CSS。它会正常工作。

修改后的 CSS:

p{
  border: 1px solid blue;
}