小编Evg*_*tov的帖子

在css网格中的图像角落显示关闭(X)按钮

我在响应式 CSS 网格中有不同大小和 x/y 比率的图像。我需要一个 ??每张图片右上角的按钮。因此,在每个网格单元格中,我都放置了一个表单,并在表单内放置了一个按钮和一个图像:

<form action="/destroyImage" method="POST">
  <button type="submit" class="close">
    <span>&times;</span>
  </button>
  <img src="/pub/myimage123.jpg"/>
</form>
Run Code Online (Sandbox Code Playgroud)

问题:

  1. 如何将按钮的中心放在图像的角落?
  2. 怎样才能更好看??按钮(我使用 Bootstrap 4)?

html css twitter-bootstrap bootstrap-4

4
推荐指数
1
解决办法
9376
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

twitter-bootstrap ×1