html/HTML5 设置倾斜
的边距 返回

设置倾斜
的边距


哇塞
2025-03-07 05:38:01 (1月前)


我只是歪曲了一个作为横幅的部分。

由于歪斜，现在这一部分的高度明显高于预期。

如何根据这个新高度定义我的底部边距？
…

3 条回复
  1. 0# 冷月如霜·胡狼 | 2019-08-31 10-32



    实际上，大小会根据宽度而变化，因此可以根据宽度更新边距，以供您使用

    单元

    vw


    。







    1.         
                .banner{
          transform: skewY(-5deg);
          transform-origin: top right;
          outline: solid 1px black;
          margin-bottom: 9vw;
      }
              
            


    1.         
                

    2.   
      CONTENT





  2. 1# 一瓶泡沫 | 2019-08-31 10-32



    你也可以扭曲

    .content

    使用相同的转换，然后取消内容中的内容：







    1.         
                .banner {
        transform: skewY(-5deg);
        transform-origin: right;
        outline: solid 1px black;
      }
    2. .content {
        transform: skewY(-5deg);
        transform-origin: right;
      }
    3. .content p {
        transform: skewY(5deg);
        transform-origin: left;
      }
              
            


    1.         
                

    2.   
      CONTENT





登录 后才能参与评论