span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素

54 阅读 0 评论 36 点赞

我是靠谱客的博主顺利故事，最近开发中收集的这篇文章主要介绍span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素，觉得挺不错的，现在分享给大家，希望可以做个参考。

问题描述

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

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

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

在这里插入图片描述

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

参考文章：transform对span无效果

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。