为了账号安全,请及时绑定邮箱和手机立即绑定

CSS可以实现以图片底部为基准线定位吗?

CSS可以实现以图片底部为基准线定位吗?

假设某个img的css是这样的:img{top:100px;}然后图片有300px的样子,大概就是这样的:+-------------------+|||+------+|||img|||+------+|+-------------------+如果我想以图片的底部为基准线对齐的话,希望它呈现下面这个样子,CSS可以实现么?+------++-------------------+||img|||+------+|||||+-------------------+当然,一个比较笨得方法就是用top-img的width,但是更好地写法么?
查看完整描述

2 回答

?
慕哥9229398

TA贡献1877条经验 获得超6个赞

写进同一个(行内元素均可),然后
span.inner{
position:absolute;
bottom:-100px;
}
                            
查看完整回答
反对 回复 2019-04-08
?
烙印99

TA贡献1829条经验 获得超13个赞

外面的那个框就叫outside,里面是img.
.outside{
position:relative;
}
.outsideimg{
position:absolute;
top:-10px;
}
这样,里面的img就会相对于.outside,做绝对定位。
                            
查看完整回答
反对 回复 2019-04-08
  • 2 回答
  • 0 关注
  • 392 浏览
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信