在div经过了
transform: rotate(#deg)之后, 本自作聪明, 考虑宽高的差, 所以在设置left和right的时候手动补上这个差.
结果证明, 自作聪明的菜了坑.
原来, 浏览器会自动帮我们处理旋转之后的的宽高差, 自动在我们设置的left和top的基础上补上这个宽高差, 所以, 对于用户而言, 即使旋转之后, 也当做没有旋转的时候一样设置
left,top就可以了.
image.png
在div经过了
transform: rotate(#deg)之后, 本自作聪明, 考虑宽高的差, 所以在设置left和right的时候手动补上这个差.
结果证明, 自作聪明的菜了坑.
原来, 浏览器会自动帮我们处理旋转之后的的宽高差, 自动在我们设置的left和top的基础上补上这个宽高差, 所以, 对于用户而言, 即使旋转之后, 也当做没有旋转的时候一样设置
left,top就可以了.
image.png
在div经过了transform: rotate(#deg)之后, 本自作聪明, 考虑宽高的差, 所以在设置lef...
js设置left、top、right、bottom问题 当元素未设置left、top、right、bottom时（...
可以看到，当把元素的position设置为absolute之后，如果不设置top、left等属性值，元素会相对与文...
目录orientx/y(left/top)样式设置itemGapitemHeighttextStyleselect...
为什么有时候设置left、top、right、bottom值不起作用？ 因为css的left和top属性指的是距最...
定位，top和left设置50%，再通过transform的translate(-50%, -50%)设置实现垂直...
1、水平垂直居中 子绝父相,子盒子设置绝对定位,设置top:50%;left:50%,margin-top:-50...
width/height无法设置 margin-top与margin-bottom无法设置，margin-left...
position 设置定位方式top,right,bottom,left,z-index 设置位置 z-index...
EdgeInsets:主要用来设置填充方向的 fromLTRB(double left, double top, ...
本文标题：rotate之后的left,top设置
本文链接：https://www.haomeiwen.com/subject/pedpmftx.html
网友评论