如何在HTML表格中实现图像右对齐
P粉555696738
P粉555696738 2023-09-02 09:04:11
0
1
632
<p>我已经制作了一个Django网站,想要显示我的结果,就像在顶部有一个小表单。在左边有一个表格,我想在右边的表格中添加两个图片和另一列。我已经设计了一个图来更好地解释 - 在此输入图像描述</p> <p>现在我已经编写了表单1和表格的代码。我也会编写后端代码。我想知道如何编写图片和表单2的html代码,因为它们在表格的右侧。只要写任何html代码,它就会出现在表格下面。有人可以帮助在表格的右侧添加图片和表单2吗?</p> <p>我现在的html代码是-</p> <pre class="brush:php;toolbar:false;">*{% extends 'login/basic.html' %} {% block title %}Approval of count{% endblock title %} {% block body %} <!-- <div class="container my-5 px-2"> --> <form action="/approval" method="post">{% csrf_token %} <!-- <div class="container" > <div class="form-group mx-5 my-3"> <div class="form-group mx-5 my-3"> <label class="my-3" for="date">Date</label> <input type="date" id="date" name="date"> </div> <label class="form-group mx-5 my-3" for="servers">Choose the server from - {{serverLst}}</label> <div class="form-group mx-5 my-3"> <select name="serverName" id="forserver" size="4" multiple> {% for server in serverLst %} <option value="{{server}}">{{server}}</option> {% endfor %} </select> </div> <button type="submit" class="btn btn-primary mx-5 my-3">Submit</button> </div> </div> --> <div class=“行g-2”> <div class="col-md">
<输入类型=“日期”类=“表单控制” id="floatingInputGrid";名称=“日期”>
<div class="col-md">
<选择名称=“服务器名称”;类=“表单选择” id=“floatingSelectGrid”> <选项已选择>服务器名称 {% for serverLst % 中的服务器} <选项值=“{{服务器}}”>{{服务器}} {% 结束 %} </选择>
<div class="col-md">
<按钮类型=“提交” class="btn btn-primary mx-5 my-2" id="floatingInputGrid">提交
; </表格> <表类=“表”;样式=“宽度:25%”> <头部> <tr> 用户名 <第范围=“列”>开始 <第范围=“col”>结束 奖金 </标题> <正文> <tr> <第范围=“行”>1 <td>马克</td> <td>奥托</td> <td>@mdo</td> <tr> <第范围=“行”>2/第> <td>雅各布</td> <td>桑顿</td> <td>@fat</td> <tr> <第范围=“行”>3</th> <td colspan=“2”>拉里鸟</td> <td>@twitter</td> </tbody> </表> {% endblock %}</pre>