CSS转换不'；不能在内联元素上工作

我想在word

WEBLOG

中镜像字母

E

，所以我使用了CSS transform属性，但是如果我将文本包装在一个范围内，它就不起作用，但是如果我使用

display:inline block，它就会起作用或<代码>显示：块

所以转换不适用于内联元素？

（无法转换）

WEBLOG
h1跨度{
变换：旋转（7度）；
-ms变换：旋转（7度）；/*IE 9*/
-moz变换：旋转（7度）；/*Firefox*/
-webkit变换：旋转（7度）；/*Safari和Chrome*/
-o变换：旋转（7度）；/*Opera*/
}

（如果使用
display:block
或
display:inline block
，则有效）
在下面回答：

布局由CSS框模型控制的元素，该模型是
块级或原子内联级元素，或其
“显示”属性计算为“表行”、“表行组”，
“表格页眉组”、“表格页脚组”、“表格单元格”或
“表格标题”[CSS21]

更新版本的说明如下：

可转换元素是以下类别之一的元素：


布局受CSS框模型控制的所有元素，但未替换的内联框、表列框和表列组框[CSS2]除外


所有SVG绘制服务器元素、clipPath元素和SVG可渲染元素（文本内容元素[SVG2]的任何子元素除外）



我们应该注意，不是所有的
inline
元素都不能被转换，而是只有未被替换的内联元素可以被转换，因此被替换的内联元素可以被转换

因此，基本上我们可以将转换应用于
img
，
canvas
等，而无需使它们
内联块
或
块


var all=document.querySelectorAll（'.replaced'）；
对于（var i=0；iso），文档没有明确提到什么是
显示
值，它忽略了！？@AlexanderSolonik任何不是
块
类型的
显示
都会被忽略。通过查看，很容易找出具有
块
级别
显示
设置的元素。
<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 */
}