CSS转换不能在内联元素

2013-02-14 68 views 44 likes

我想镜像字E在单词WEBLOG所以我用CSS转换属性，但它不工作，如果我包装文本内的跨度，但它的工作，如果我屁display: inline-block;或display: block;CSS转换不能在内联元素

因此，变换不适用于内联元素？

<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 */ 
}

Example 2（工程，如果使用的话display: block OR display: inline-block）

来源

2013-02-14 Mr. Alien

回答

这里回答the official W3 specifications transformable element下：

的元素，其布局CSS框模型也是块级或原子内联级元素或其 “显示”属性计算为“表行集”，“表行集”， 'table-header-group'，'table- 'table-cell'，或 'table-caption'[CSS21]

来源

2013-02-14 20:17:15 JakeGould

因此，文档并没有明确提及'display'值，它忽略了！？ – 2015-09-07 05:41:43

@AlexanderSolonik任何不是'display'的'block'类型都会被忽略。看看[这里的列表]（https://drafts.csswg.org/css2/visuren.html#propdef-display），通过'block' level'display'设置来确定什么是元素是非常容易的。 – JakeGould 2015-09-07 05:46:52

CSS转换不能在内联元素

回答

相关问题