• Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

模板討論:Hover

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

關於文字不能在同一行顯示的問題

如下兩種寫法:

:AAA{{Hover|display=inline-block|width=27px|height=16px|before=BBB|after=CCC}}DDD
AAA{{Hover|display=inline-block|width=27px|height=16px|before=BBB|after=CCC}}DDD

效果:

AAA
BBB
CCC
DDD

AAA

BBB
CCC

DDD

可以看到,第一行正確在同一行顯示,而第二種寫法被換行。唯一的區別就是頭部有沒有縮進用的冒號。

上次在提問區討論類似問題的時候都是縮進回復,沒有發現這個問題……

--Func討論·貢獻) 2020年3月17日 (二) 10:53 (CST)

另,使用display=inline-block的時候,寬度和高度需要手工指定,這是實現的缺陷嗎?--Func討論·貢獻) 2020年3月17日 (二) 11:11 (CST)
你可以試試{{Arcana}}我的做法?— Grey (talk) 2020年3月17日 (二) 11:00 (CST)
哈哈,這就是從那次討論中得到的,其他的參數都沒有影響,還是會被換行。(另外hp=relative是默認參數,寫在CSS里)--Func討論·貢獻) 2020年3月17日 (二) 11:11 (CST)
無關主題的討論

噗,啥時候css又改了?……好吧我再看看效果。hp=relative留着還是好的,萬一哪天css又改了 [手動滑稽]— Grey (talk) 2020年3月17日 (二) 11:49 (CST)

這可是從一開始就是默認的啊,詳見[1]雖然初版也就是3月7日了
--Func討論·貢獻) 2020年3月17日 (二) 12:05 (CST)
本主題全部或部分段落文字,已移動至 User_talk:Greykid#關於Hover模板的使用

哦,好像是冒號縮進會帶來<dl><dd>...</dd></dl>標籤,類似地用dl或者div括起來似乎就好了……

<dl>AAA{{Hover|display=inline-block|width=27px|height=16px|before=BBB|after=CCC}}DDD</dl>
AAA
BBB
CCC
DDD

不過總覺得有點遜啊,期待其他解決方案。--Func討論·貢獻) 2020年3月17日 (二) 11:27 (CST)

不然試試span word-break=no-wrap括起來?稍稍能五十步笑百步 — Grey (talk) 2020年3月17日 (二) 11:52 (CST)
AAA
BBB
CCC
DDD
好像空的span也可以……應該只是要和其他文字在同一個父元素裡面吧。
--Func討論·貢獻) 2020年3月17日 (二) 12:05 (CST)