码迷,mamicode.com
首页 > 其他好文 > 详细

父元素倾斜,子元素消除影响

时间:2018-10-29 20:11:32      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:avl   orm   lock   ack   lin   splay   margin   size   padding   

父元素倾斜后,子元素需要是块级元素/行内块元素才能 抵消影响

<nav class="navList">
            <a href="#">首页</a>
            <a href="#">关于我们</a>
            <a href="#">品牌产品</a>
            <a href="#">小捣蛋社区</a>
            <a href="#">加入我们</a>
</nav>
  .navList{
    width: 689px;
    height: 41px;
    margin: 0 auto;
    padding: 14px 53px 12px 55px;
    background-color: rgb(240, 252, 255);
    transform: skew(-30deg);
    >a{
      display: inline-block;
      transform: skew(30deg);
      color: rgb(0, 97, 164);
      font-size: 14px;
    }
  }

 

父元素倾斜,子元素消除影响

标签:avl   orm   lock   ack   lin   splay   margin   size   padding   

原文地址:https://www.cnblogs.com/zgdawdl/p/9872321.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!