css如何将图像定位在左下角?

html-css07

css如何将图像定位在左下角?,第1张

这要使用到css中的position:absolute绝对定位。示例代码如下:

img{position:absoluteleft:0bottom:0}

这里的意思就是,图片采用绝对定位的方式,距离左边0px,距离下边0px。这样就到了左下角了。

使用

当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。

通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头