html - 将 div 标签中的按钮定位在锚元素下
问题描述
<div class="row">
<div class="card px-3">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<div id="video-gallery" class="row lightGallery">
</HeaderTemplate>
<ItemTemplate>
<a class="image-tile col-xl-3 col-lg-3 col-md-3 col-md-4 col-6" href='<%#Eval("VideoURL").ToString() %>'>
<img src='<%# getYouTubeThumbnail(Eval("VideoURL").ToString()) %>' alt="thumb image"/>
<div class="demo-gallery-poster">
<img src="../panel/images/lightbox/play-button.png" alt="thumb image">
</div>
</a>
<%--i want to put here two buttons. delete and edit--%>
<div>
<a href='<%# "Video.aspx?Edit="+Eval("VideoID")%>' class="btn btn-outline-primary">Edit</a>
<a onclick="return confirm('Are you sure?')" href='<%# "Video.aspx?Delete="+Eval("VideoID")%>' class="btn btn-outline-danger">Delete</a>
</div>
</ItemTemplate>
<FooterTemplate>
</div>
</FooterTemplate>
</asp:Repeater>
</div>
</div>
我想在视频下创建删除和编辑按钮,但是这些按钮出现在视频预览的右侧有 什么想法吗?
解决方案
<div>
<div class="image">
<img src="https://dummyimage.com/600x400/000/#050505" />
</div>
<div class="buttons">
<a href="">Edit</a>
<a href="">Delete</a>
</div>
</div>
试试这个代码。
推荐阅读
- node.js - Knex:获取连接超时
- ios - 我们无法使用 iOS 的 Google 助理应用程序进行帐户关联
- php - 如何获取按提交时间排序的 git 存储库列表?
- windows - ScheduledTask 命令不起作用 - 不被识别为 cmdlet 的名称
- python - Django rest framework unique together 错误消息不再显示
- python - 使用 Selenium 选择日期
- c++ - 在 Visual Studio 或 Visual Studio 代码中编程 ESP32?
- html - 如何在不在 Angular 中添加标签的情况下呈现 innerHTML
- c# - 如何组合两个 LINQ 选择表达式?
- python - 发布 JSON 数据后,Django 重定向不起作用