约束<；p>；到有角度的边界<；部门>；w/CSS（附加JSFIDLE链接）

我希望文档中的

包含在有角度的

容器中，以便为段落创建阶梯线。理想情况下，我希望这段文字呈平行四边形。就目前情况而言，当我旋转我的段落以使行水平时，段落超出了

的边界。请参见下面的my JSFIDLE链接：

---

当我尝试溢出选项时，我能做的最好的事情就是隐藏

之外的段落部分。我想强制段落的内容采用容器的形状，而不隐藏或滚动。这是否可行？

使用以下css作为段落元素。它会很好用的

修改的CSS：

p{
  border: 1px solid blue;
} 

---

不完美，但这是我认为你能得到的最好的。 将“旋转”替换为“倾斜”：

section{
    color: #4A2583;
    -ms-transform:skewX(10deg); 
    -moz-transform:skewX(106deg); 
    -webkit-transform:skewX(10deg); 
    -o-transform:skewX(10deg);
    transform:skewX(10deg);
    width: 200px;
    border: 1px solid red;
    display: block;
    position: relative;
    left: 200px;
}

你不需要设计p，它没用。（不能旋转单个线，只能将其作为块旋转）

你需要限制角度，因为字母也被扭曲，如果你做得太多，那会很难看

---

这不是对代码的更改，我相信您知道这不会影响任何事情。你的答案还有更多吗？