貼內(nèi)用戶信息怎么讓等級(jí)圖標(biāo)顯示在用戶組后面？

彭魚宴

默認(rèn)的貼內(nèi)用戶信息是用戶組和等級(jí)圖標(biāo)上下顯示，現(xiàn)在想改成左右顯示，用戶組后面顯示等級(jí)圖標(biāo)


后臺(tái)的貼內(nèi)用戶信息布局方案那改成：

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

復(fù)制代碼

然后顯示是左右顯示，用戶組后面顯示等級(jí)圖標(biāo)：


但是有點(diǎn)瑕疵就是用戶組和等級(jí)圖標(biāo)對(duì)不齊，等級(jí)圖標(biāo)有點(diǎn)靠上了

吾愛(ài)的用戶組+等級(jí)圖標(biāo)就顯示的就很規(guī)整


不知道怎么修改能讓用戶組和等級(jí)圖標(biāo)能排列的整齊一點(diǎn)

1 貢獻(xiàn)

最佳答案

如圖點(diǎn)編輯



在紅框里搜索

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

復(fù)制代碼

刪除
再搜

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

復(fù)制代碼

改為

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

復(fù)制代碼

保存
效果如下

• 科站網(wǎng)
• 發(fā)表于2025-6-5 11:54:10
• 詳細(xì)答案 >

youyacao

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

科站網(wǎng)

如圖點(diǎn)編輯



在紅框里搜索

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

復(fù)制代碼

刪除
再搜

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

復(fù)制代碼

改為

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

復(fù)制代碼

保存
效果如下

彭魚宴

科站網(wǎng) 發(fā)表于 2025-6-5 11:54
如圖點(diǎn)編輯

感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行，但是有個(gè)瑕疵就是用戶組和等級(jí)圖標(biāo)不是垂直居中對(duì)齊的

如上圖，等級(jí)圖標(biāo)整體往上去了點(diǎn)，感覺(jué)用戶組和等級(jí)圖標(biāo)是底部對(duì)齊，不是垂直居中對(duì)齊

彭魚宴

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

可能是標(biāo)題不夠詳細(xì)，通過(guò)后臺(tái)布局修改是能實(shí)現(xiàn)等級(jí)圖標(biāo)顯示在用戶組后面，但有個(gè)問(wèn)題就是兩個(gè)顯示不是居中對(duì)齊，而是底部對(duì)齊的感覺(jué)

科站網(wǎng)

彭魚宴 發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

寫css對(duì)圖標(biāo)設(shè)置對(duì)齊方案

影子江湖

彭魚宴 發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

弄下CSS就行

ocw

彭魚宴 發(fā)表于 2025-6-5 12:09
感謝大佬的回復(fù)，這樣修改后顯示的效果和我自己修改后的效果是一樣的，是能實(shí)現(xiàn)用戶組和等級(jí)圖標(biāo)在同一行 ...

排板問(wèn)題，圖標(biāo)等級(jí)高了一點(diǎn)點(diǎn)，不好弄可以分成兩行顯示。我就弄的兩行