首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在html中将图像与右上角对齐?

如何在html中将图像与右上角对齐?
EN

Stack Overflow用户
提问于 2021-07-24 00:16:55
回答 2查看 35关注 0票数 1

我想把图像对齐到右上角,我怎样才能在html中做到这一点。下面是我的代码:

代码语言:javascript
复制
<img src="star.png" alt="Gold" align="right">

我不想把它对齐到右边。我想把它对齐到右上角。

EN

回答 2

Stack Overflow用户

发布于 2021-07-24 00:19:09

您可以将其位置设为绝对位置并应用right:0top:0

代码语言:javascript
复制
img{
  position:absolute;
  top:0;
  right:0;
}
代码语言:javascript
复制
<img src="https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1" alt="Gold" align="right">

票数 3
EN

Stack Overflow用户

发布于 2021-08-03 05:54:23

为了更好地实践,请使用div上的位置和其中的图像。Html就像这样

代码语言:javascript
复制
<div class="images">
    <img src="star.png" alt="Gold">
</div>

Css类似于

代码语言:javascript
复制
<style>
.images{

  position:relative;

}
.images img{
  position:absolute;
  top:0;
  right:0;
}
</style>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68502217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档