CSS3 translate（）方法

Question

我有以下代码：

<style> 
span 
{ 
width:200px; 
height:100px; 
background-color:red; 
border:1px solid black; 
} 
span.c2 
{ 
transform:translate(50px,100px); 
-ms-transform:translate(50px,100px); /* IE 9 */ 
-webkit-transform:translate(50px,100px); /* Safari and Chrome */ 
} 
</style> 

<span class="c2">Hello. This is a DIV element.</span> 

问题是translate方法不获取应用于<span>元件。也宽度和高度为<span>元素指定不工作。

是什么原因？

Answer 1

它的工作，你需要有display: block;为span元素span元素是行内的，除非你把它display: block;或display: inline-block;

Demo

Related Question Of Mine