2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

模板討論:Timeline

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

解決模板在有些時候會溢出右邊界的情況

舉個例子:

2020年4月30日AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

這個內容很長。我知道你在桌面版可能看着沒有bug,所以請縮小瀏覽器寬度或者換手機。可以看到內容超出了右邊界,出現了水平滾動條。

解決辦法是在整個表格上加一個CSS:style=word-break:break-word

2020年4月30日AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

目前已知打太多感嘆號「!」或者問號「?」會觸發此bug。

請問這個CSS有必要常駐在模板里嗎?-- print "Hello, world!\n"; · · ) 2020年4月30日 (四) 22:28 (CST)

這個問題應該是只會出現在較長的單詞(連續字母)和連續標點上,如果break-word常駐會導致一些在所有英文中的不必要的奇葩切分,建議對有需要的模板或單元格單獨設置style时间textstyle參數。我會嘗試讓窄屏幕上的時間欄與內容欄分行顯示,給內容欄更多空間來避免這種問題。 Grandom討論·貢獻 2020年4月30日 (四) 22:43 (CST)
了解了。感謝您的回覆。-- print "Hello, world!\n"; · · ) 2020年4月30日 (四) 22:48 (CST)
@HwlyzGrandom 兩位可以考慮為手機版/窄屏另外設計一套版面,然後在css中添加如下選擇器:
@media all and ( max-width: 600px ) {

}

用來控制寬度小於600px時的(窄屏)顯示。--サンムル討論) 2020年4月30日 (四) 22:54 (CST)

確實是這麼打算的,不過最近比較忙,加上沒想到這個模板已經有人開始用了。會開始着手修改的。 Grandom討論·貢獻 2020年4月30日 (四) 22:59 (CST)

timeline模板會導致分析器數據中「展開後大小」數值極巨放大

神樂Mea歷程頁面超限.png

神樂Mea/歷程頁面為例,因為timeline模板的這個特性,導致其在前幾天因為接近極限而被拆分,4月30日在這模板使用前「展開後大小83,225/2,097,152位元組」,模板使用後「展開後大小1,156,416/2,097,152位元組」。
同時對有使用該模板的部分頁面檢查發現其「展開後大小」數值都比較大。
在此詢問是否能優化該模板的性能。--Tian407098063討論) 2020年8月10日 (一) 14:24 (CST)

關於MoeSkin皮膚下timeline模板文字排版的問題

在MoeSkin皮膚下使用Template:Timeline輸入多於一行的右側事件部分文字時,事件對應的日期不會像以前Vector模式那樣顯示在第一個事件部分文字的左邊,而是會顯示在整段事件部分文字中間位置的左邊(具體例子可以直接查看引用的模板),從而造成了排版混亂和一定的閱讀障礙。請問該如何解決?雲捲雲舒任風流討論) 2022年8月31日 (三) 15:12 (CST)

已被大佬修復雲捲雲舒任風流討論) 2022年8月31日 (三) 20:02 (CST)