transform的rotate在内联元素上面不起作用

作者: Sune小叶子 | 来源:发表于2018-06-26 10:13 被阅读0次

验证了一下,内联元素使用transform的rotate属性不起作用,这时可以将元素设置为inline-block或者block

<span class="iconfont"></span>

<style>
span{
 transform:rotateY(180deg)
display:inline-block;

}
</style>

transform的rotate在内联元素上面不起作用
验证了一下,内联元素使用transform的rotate属性不起作用,这时可以将元素设置为inline-block...
CSS3 实现鼠标移到图片上放大
html css 另记：transform: rotate(180deg) 这个属性值在行内元素上不起作用
transform 转换
2d转换默认值：none 适用于：所有块级元素及某些内联元素 transform:rotate( ) 旋转一个角...
ios对transform的兼容
目标元素加transform: rotate(45deg);对父级元素加transform: perspectiv...
CSS动画与jQuery动画
1、transform（描述了元素的静态样式） transform允许对元素进行旋转（rotate）、缩放（sca...
css3系列之transform 详解rotate
rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋...
学习笔记-CSS-2017.2.17
一、CSS3 2D 转换 1、transform(rotate(deg))通过 rotate() 方法，元素顺时针...
几种对齐方式的思考
margin:0 auto 不起作用，原因：为内联元素
CSS3倒影、渐变
倒影倒影+渐变变形transform transform:rotate();rotate(angle) 定义 ...
CSS-块元素与内联元素的区别
1.内联元素允许其他内联元素与其位于同一行，块元素独占一行。 2.宽度和高度只对块元素起作用，对内联元素不起作用 ...