1. 首页
  2. 文章中心
  3. css

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

66 阅读 0 评论
我是靠谱客的博主 顺利故事，这篇文章主要介绍span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素，现在分享给大家，希望可以做个参考。

问题描述

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

.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无效果

最后

以上就是顺利故事最近收集整理的关于span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素的全部内容，更多相关span内字体倾斜设置问题描述原因内容请搜索靠谱客的其他文章。

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

相关文章

android TextView加边框
android TextView加边框
[修正] Firemonkey Android 文字斜粗体显示不全的问题
[修正] Firemonkey Android 文字斜粗体显示不全的问题
android字体变斜,Android 自定义倾斜字体
android字体变斜,Android 自定义倾斜字体
2020-11-02项目场景：问题描述：原因分析：解决方案：
2020-11-02项目场景：问题描述：原因分析：解决方案：
span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素
span内字体倾斜设置问题描述原因：transform适用于：所有块级元素及某些内联元素
android edittext多行显示不全,Android：EditText 多行显示及所有属性-Fun言
android edittext多行显示不全,Android：EditText 多行显示及所有属性-Fun言
2020-12-29
2020-12-29
Android设置边框样式
Android设置边框样式

评论列表共有 0 条评论

立即
投稿
返回
顶部