<分区>
我正在寻找创建三 Angular 形网页设计的最佳方法,如下所示:
在这种情况下,三 Angular 形内的文本必须换行,三 Angular 形将缩进文本,并且这些三 Angular 形可以有背景..
使用 CSS(边框技巧)制作三 Angular 形似乎可行,但在尝试为其设置背景时失败。
使用图像(例如 svg)作为 div 的背景,并将内部段落的宽度指定为三 Angular 形(example),会对浏览器兼容性产生不良影响,并且在响应能力方面非常糟糕。
使用一些 css3 并创建倾斜的 div 似乎是一个不错的选择(example),但它可能是一个有点沉重的选择并且并非在所有浏览器中都支持(仍然是所有新浏览器)
transform-origin: 100% 0;
transform: skewX(-55.98deg);
最佳答案
您正在寻找这样的东西:http://webplatform.adobe.com/shapes/ .但我相信它仍处于实验阶段,您不会找到对 IE10 及更低版本的支持。
关于html - 三 Angular 形网页设计的最佳实践?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26553976/