使用变换旋转'a'元素

Question

为什么CSS3转换不能用于 a （锚点）元素？

<a id="a" href="#">Rotate This</a>
#a
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
}

Answer 1

旋转不适用于内联元素

Answer 2

您可以将div包装在div中，然后旋转它。 Fiddle

<div><a id="a" href="#">Rotate This</a></div>

@Byscripts说正确的内联元素，例如变换不支持a，span。