CSS3翻译()方法
CSS3翻译()方法
提问于 2013-05-10 17:59:54
我有以下代码：
<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>元素。此外，为元素指定的宽度和高度不起作用。
原因何在？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-10 18:05:38
它确实有效，您需要display: block; for span元素，因为span元素是内联的，它不会翻译span元素，除非您将其设置为display: block;或display: inline-block;
Demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16488184
复制相关文章
相似问题
腾讯云开发者
