css - 创建一个带 Angular div

Question

这个问题在这里已经有了答案:





Create a slanted edge to a div [duplicate]

(5 个回答)


2年前关闭。




假设我有一个容器 div，里面有两个 div。这是我想要的效果:

<div>
  <div></div>
  <div></div>
</div>

此外，我需要它具有响应性，宽度和高度以 % 或视口(viewport)单位为单位。我需要用各种内容填充它们，有些内容甚至可能部分隐藏在这些 div 之一下。

Answer 1

不幸的是，CSS 并不是那么先进:倾斜影响子元素......我确定你正在寻找的是内容将以你在那里创建的 Angular 包裹......我同意唯一的方法是@user5151179指出，使用 2D 转换...只需检查浏览器是否与此兼容(如您所知，没有简单的解决方案可以为所有浏览器解决此问题)。

我认为最简单的方法是将背景图像添加到外部 div，并有两个矩形 div，您可以在其中添加内容等。 外部 div 中，因此您的文本不会以一定 Angular 环绕，如果这是有道理的。