我如何在HTML中設定span元素向td元素的右側浮動？
在上面的圖片中，我需要將文本1（小字）漂浮在列的右邊。在這一列中，已經有一個輸入欄位存在。
我已經嘗試了不同的方法，通過CSS來設定，但沒有成功。
我想讓那個文本1總是像上標一樣對準輸入欄，并在回應式模板中保持這個位置。
代碼：
<table>
<tbody>
<tr>/span>
<td>House</td>
<td>/span>
<span class="position-absolute badge-tooltip"/span>>
1
</span> 1
< input class="form-control rounded-0 border-0 m-0 d-block text-right" type="text" />/span>
</td>
<td></td>
<td></td>
</tr>/span>
</tbody>/span>
</table>
CSS
.badge-tooltip {
float: right;
uj5u.com熱心網友回復：
你可以使用你自己的絕對位置，就像這樣
。只要記住，right值需要根據接下來的tds元素是否有任何文本來調整，在不同的解析度下，它需要使用media-queries來改變，或者你可以用%`百分比來設定值，這是回應式的，但你必須擺弄它來找出正確的百分比。
.relative-td {
position: relative;
}
.position-absolute {
position: absolute;
right: -15px;
bottom: 3px;
} <table>
<tbody>
<tr>/span>
<td>House</td>
<td class="relative-td">
<span class="position-absolute badge-tooltip">/span>
1
</span> 1
< input class="form-control rounded-0 border-0 m-0 d-block text-right" type="text" />/span>
</td>
<td></td>
<td></td>
</tr>/span>
</tbody>/span>
</table>/span>uj5u.com熱心網友回復：
你已經在使用bootstrap類position-absolute，所以為了達到你想要的效果，不要使用float:right，而是在父元素上添加bootstrap類position-reletive，在子元素上添加top-0 end-0：
<td class="position-relative">
<span class="position-absolute top-0 end-0"/span>>
1
</span> 1
< input class="form-control rounded-0 border-0 m-0 d-block text-right" type="text" />/span>
</td>
這將使span像上標一樣對準右上方。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/331810.html
標籤：
上一篇：使用Xampp80埠
下一篇：如何從Ajax回應中獲取資料？