css 如何将图标放在图像的右页脚[已结束]

8zzbczxx 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(107)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题吗？**通过editing this post添加详细信息并阐明问题。

昨天关门了。
Improve this question

如何在底部图像旁边放置图标
我已经尝试使用显示和一切，但我不能删除图标从下面的img

css

来源：https://stackoverflow.com/questions/74563993/how-to-put-an-icon-on-the-right-footer-of-the-image

1条答案

按热度按时间

guz6ccqo1#

你能做到的...

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
</head>

<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-6 d-flex justify-content-start">
                <div class="mt-5 ">
                 <img style="height: 300px; width: 300px;" src="https://images.unsplash.com/photo-1427830574887-32e5702033b0" alt="" srcset="">
                </div>
                <div style="margin-top: auto; margin-bottom: -7px;"><i style="font-size: 30px;margin: 0px;" class="bi bi-trash3"></i></div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>

赞(0）回复(0）举报 2022-11-26

我来回答

css 如何将图标放在图像的右页脚[已结束]

1条答案

相关问题

热门标签

最新问答