span内字体倾斜设置

问题描述

使用平行四边形按钮，按钮上的字体随着角度的调整变得倾斜

.btn1{
    
    
          border: 1px solid #000;
          background-color: #fff;
          font-size: 20px;
          transform: skewX(-35deg); 
      }

.btn1 span{
    
    
            transform: skewX(35deg);
        }

原因：transform适用于：所有块级元素及某些内联元素

更改span样式，将其改为内联块状元素：

.btn1 span{
    
    
            display:inline-block;
            transform: skewX(35deg);
        }

参考文章：transform对span无效果