如何在HTML表格中實現圖像右對齊
P粉555696738
P粉555696738 2023-09-02 09:04:11
0
1
412
<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>