貼內用戶信息怎么讓等級圖標顯示在用戶組后面？

彭魚宴

默認的貼內用戶信息是用戶組和等級圖標上下顯示，現在想改成左右顯示，用戶組后面顯示等級圖標


后臺的貼內用戶信息布局方案那改成：

1. {groupicon}<p>{*}</p>{/groupicon}
   
2. <dl class="pil cl">{authortitle}{star}</dl>
   
3. {customstatus}<p class="xg1">{*}</p>{/customstatus}

復制代碼

然后顯示是左右顯示，用戶組后面顯示等級圖標：

登錄/注冊后可看大圖

但是有點瑕疵就是用戶組和等級圖標對不齊，等級圖標有點靠上了

吾愛的用戶組+等級圖標就顯示的就很規整

登錄/注冊后可看大圖

不知道怎么修改能讓用戶組和等級圖標能排列的整齊一點

1 貢獻

最佳答案

如圖點編輯

登錄/注冊后可看大圖

在紅框里搜索

登錄/注冊后可看大圖

1. {star}<p>{*}</p>{/star}

復制代碼

刪除
再搜

1. {authortitle}<p><em>{*}</em></p>{/authortitle}

復制代碼

改為

1. <p>{authortitle}<em>{*}</em>{/authortitle} {star}<span>{*}</span>{/star}</p>

復制代碼

保存
效果如下

登錄/注冊后可看大圖

• 科站網
• 發表于2025-6-5 11:54:10
• 詳細答案 >

youyacao

。。。。。。。。。。這不就是排版的事情嗎

科站網

如圖點編輯

登錄/注冊后可看大圖

在紅框里搜索

登錄/注冊后可看大圖

1. {star}<p>{*}</p>{/star}

復制代碼

刪除
再搜

1. {authortitle}<p><em>{*}</em></p>{/authortitle}

復制代碼

改為

1. <p>{authortitle}<em>{*}</em>{/authortitle} {star}<span>{*}</span>{/star}</p>

復制代碼

保存
效果如下

登錄/注冊后可看大圖

彭魚宴

科站網 發表于 2025-6-5 11:54
如圖點編輯

感謝大佬的回復，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實現用戶組和等級圖標在同一行，但是有個瑕疵就是用戶組和等級圖標不是垂直居中對齊的

                               
登錄/注冊后可看大圖

如上圖，等級圖標整體往上去了點，感覺用戶組和等級圖標是底部對齊，不是垂直居中對齊

彭魚宴

youyacao 發表于 2025-6-5 11:50
。。。。。。。。。。這不就是排版的事情嗎

可能是標題不夠詳細，通過后臺布局修改是能實現等級圖標顯示在用戶組后面，但有個問題就是兩個顯示不是居中對齊，而是底部對齊的感覺

科站網

彭魚宴 發表于 2025-6-5 12:09
感謝大佬的回復，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實現用戶組和等級圖標在同一行 ...

寫css對圖標設置對齊方案

影子江湖

彭魚宴 發表于 2025-6-5 12:09
感謝大佬的回復，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實現用戶組和等級圖標在同一行 ...

弄下CSS就行

ocw

彭魚宴 發表于 2025-6-5 12:09
感謝大佬的回復，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實現用戶組和等級圖標在同一行 ...

排板問題，圖標等級高了一點點，不好弄可以分成兩行顯示。我就弄的兩行