css - 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;for spanelement 因为元素是内联的，除非您制作它，否则它span不会翻译元素spandisplay: block;display: inline-block;

演示

我的相关问题