我正在嘗試創(chuàng)建一個分頁器，在中間插入省略號。我的問題是省略號最終出現(xiàn)在行的末尾，而不是像我將其放在代碼中那樣出現(xiàn)在中間。我究竟做錯了什么？<div> <div class="pagination"> <a href="?page=1">1</a> <a href="?page=2">2</a> <a href="?page=3">3</a> <img src="/static/svg/ellipsis-h-solid.svg" style="width: 15px"> <a href="?page=13">13</a> <a href="?page=14">14</a> <a href="?page=15" class="active">15</a> </div> <p style="margin-left: 10px;">30 trades</p></div>編輯：我也嘗試過設(shè)置display: inline，display: inline-block但它仍然出現(xiàn)在最后<div class="pagination"> <a href="?page=1" >1</a> <a href="?page=2" >2</a> <a href="?page=3" class="active">3</a> <img src="/static/svg/ellipsis-h-solid.svg" style="width: 15px; display: inline;"> <a href="?page=13" >13</a> <a href="?page=14" >14</a> <a href="?page=15" >15</a></div>
2 回答
翻閱古今
TA貢獻1780條經(jīng)驗 獲得超5個贊
在我的計算機中，img 出現(xiàn)在第四位，我堅信您的錨點以前有良好的樣式，這會干擾 img 的位置，我相信您的錨點是使用 javascript 或 CSS 樣式排序的
請檢查您是否有這樣的 CSS 樣式，也為該 CSS 添加 img 標(biāo)簽
{
display: flex;
flex-direction: row;
}
可以嘗試像這個例子一樣手動下訂單（可選）
:nth-child(1) { order: 2; }
搖曳的薔薇
TA貢獻1793條經(jīng)驗 獲得超6個贊
.pagination,
.pagination img {
float: none;
}我認(rèn)為你應(yīng)該檢查浮動屬性。
- 2 回答
- 0 關(guān)注
- 139 瀏覽
添加回答
舉報
0/150
提交
取消