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]。