CSS转换不适用于内联元素

Question

CSS转换不适用于内联元素我想镜像信E在世界上WEBLOG所以我使用了CSS Transform属性，但是如果我将文本包装在一个span中，它就不起作用了，但是如果我使用display: inline-block;或display: block;所以转换不适用于内联元素？例1(无法转换)<h1>W<span>E</span>BLOG</h1>h1 span {     transform:rotate(7deg);     -ms-transform:rotate(7deg); /* IE 9 */     -moz-transform:rotate(7deg); /* Firefox */     -webkit-transform:rotate(7deg); /* Safari and Chrome */     -o-transform:rotate(7deg); /* Opera */ }例2(工程，如使用display: block或display: inline-block)

Answer 1

在这里回答官方W3规范在……下面可转换元件:

其布局由css框模型控制的元素，该模型要么是块级或原子内联级元素，或其“Display”属性计算为“表行”、“表行-组”、“表-头-组”、“表-页脚-组”、“表-单元格”或“表-标题”[CSS 21]。