内联元素不能使用CSS转换
我想在字WEBLOG反映字母E ，所以我使用CSS转换属性，但它不起作用，如果我把文本包在一个范围内，但它工作，如果我assing 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 （Works，如果使用display: block OR display: inline-block ）
在可变元素下的官方W3规范中回答了这里：
一个元素，其布局由CSS 块模型控制，它是块级或primefaces内联级元素 ，或者其'display'属性计算为'table-row'，'table-row-group'，'table- header-group“，”table-footer-group“，”table-cell“或”table-caption“[CSS21]
