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元素是内联的，它不会翻译span元素，除非你做{ {1}}或display: block;

Demo

Related Question Of Mine