我注意到,这right:0px
是错误地定位元素。transform:scale
不会重新计算元素的宽度。
有没有办法正确地将此元素粘贴到右侧?
HTML:
<div id="stick_me">
blah blah blah<br />
blah blah blah<br />
blah blah blah<br />
</div>
CSS:
#stick_me {
border:1px solid red;
display:inline-block;
transform:scale(3);
position:absolute;
right:0px;
top:0px;
}
谢谢。
您想使用transform-origin
(https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)属性设置为top right
。将元素定位到顶部和右侧时,需要从那里进行缩放,即向下和向左缩放。
#stick_me {
border:1px solid red;
display:inline-block;
transform:scale(3);
position:absolute;
right:0px;
top:0px;
transform-origin:top right;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句