当前位置: 首页 > 知识库问答 >
问题:

如何将这个img元素嵌入到锚标记元素中?

羊舌光赫
2023-03-14

我下面有这个箭头img元素

null

<img src="https://websvcs.utdallas.edu/shared/svg/arrow-diagonal-black.svg" alt="opens a link">

null

我应该如何将img元素嵌入到锚元素中。我希望箭头在右上角的超链接和更小,与超链接相同的大小。主要的关注点是使箭头位于超链接的右上方。

      <a href="###">Test</a>

null

共有1个答案

吕扬
2023-03-14

像这样的?标签有位置的地方:relative;标签在里面,位置是:绝对;

null

body {
  padding: 3rem;
}

a {
  display: inline-block;
  position: relative;
  font-weight: bold;
  letter-spacing: 1px;
  color: black;
  text-decoration: none;
}

a img {
  position: absolute;
  bottom: 100%;
  right: 0;
  max-width: 20px;
}
<a href="#">
Link Text
<img src="https://websvcs.utdallas.edu/shared/svg/arrow-diagonal-black.svg" />
</a>
 类似资料:
  • 概述 <img>元素用于插入图片,主要继承了 HTMLImageElement 接口。 浏览器提供一个原生构造函数Image,用于生成HTMLImageElement实例。 var img = new Image(); img instanceof Image // true img instanceof HTMLImageElement // true Image构造函数可以接受两个整数作为参

  • 我想知道HTML代码是否有效: 如果它无效,还能做什么?

  • 问题内容: 我想将一个DIV元素移到另一个元素中。例如,我要移动此对象(包括所有子对象): 到这个: 这样我有: 问题答案: 曾经尝试过普通的JavaScript … 吗?

  • 在此代码中,节的高度为0。但img的高度为600px。我如何将img的高度赋予它的父元素,也就是section? 正如您在图片部分中看到的,class=“banner container”没有高度。

  • 问题内容: 我想将一个DIV元素移到另一个元素中。例如,我要移动此对象(包括所有子对象): 到这个: 这样我有: 问题答案: 曾经尝试过普通的JavaScript … 吗?

  • 我是Selenium和学习的新手。在Facebook注册页面上,我想点击如下截图所示的X,但我无法点击它。这是一个img元素。