@秋葉,tab才9個不夠艦娘用呀,一隻龍驤都有18個圖鑑+立繪……
沒有意見/問題我就改至上限50個了。
——寫作管理讀作苦力的節操菌 CFSO6459【請留言】 2015年4月30日 (四) 00:02 (CST)回覆
請求提供一個"沒有主題"的主題, 或者說希望對於未指定 class 的 Tabs 標籤不要用 js 去設置相關的樣式
預設的樣式太不靈活, inline 的 css 會被覆蓋, 想自己做又用不了 input 標籤和 pseudo-class selector (更別提 js), 十分蛋疼 --SegFault(討論) 2016年5月8日 (日) 03:12 (CST)回覆
由猥瑣帝提出的編輯請求:
將以下內容:
參數5.LabelBackgroundColor以及參數8.TextBackgroundColor
修改為:
補充這兩個參數
_(:3」∠)_(討論) 2017年1月26日 (四) 00:25 (CST)回覆
在使用不帶主題的tabs/core模板時,雖然調用了控制背景顏色的參數,卻不起作用,後來發現原始碼中沒有Tabs模板文檔中的5.LabelBackgroundColor與8.TextBackgroundColor這兩個參數。請求在代碼裡補充上這兩個參數。--_(:3」∠)_(討論) 2017年1月26日 (四) 00:25 (CST)回覆
Season 1
Season 2 |
{| |{{Tabs |color=white |bt1=Season 1 |tab1= *1 *2 |bt2=Season 2 |tab2= *1 *2 |DefaultTab=1 }} |}
如下圖所示,在tab1和tab2內容一樣的情況下,tab2的無序列表未能正常顯示。
——以上未簽名(註)本條留言未簽名,留言後請記得用--~~~~簽名!的留言由Krowbullet(討論·貢獻)於2019年3月10日 (日) 01:45 (CST)添加。回覆
如圖,我在沙盒頁面測試了一下,並打開了兩個實際使用了該模板的條目(刀劍神域/電視動畫、Forget-me-not(ReoNa),發現均無法正常顯示tabs模板(圖1)
而正常情況下應該是這樣顯示(圖2)(圖片來自本頁面上一話題,忽略無序列表問題)

這樣顯示錯誤讓許多條目一下子變長,瀏覽起來有一些不便,希望能解決。—— 哈哈哈哈爾時候 ( 戳我留言 ) 2020年1月27日 (一) 23:06 (CST) @AnnAngela--九江喵@不好好~賣☆萌~2020年1月28日 (二) 00:03 (CST)回覆
OK,現在看已經恢復了—— 哈哈哈哈爾時候 ( 戳我留言 ) 2020年1月28日 (二) 23:56 (CST)回覆
最近全站的Tabs有以下問題:Lable突然變成左對齊;Tab下的內容都帶了邊距,疑似TextPadding參數不能起作用。--Djjr(討論) 2020年3月22日 (日) 03:40 (CST)回覆
提這個問題是因為留意到doc中有以下表述:
- LabelBorderColor:指定選中的label的側邊框顏色,默認值為
#aaa;- LabelBackgroundColor:指定選中的label的背景色,默認值為頁面正文背景色;
- LabelColor:指定選中的label的頂邊框顏色,默認值為
green;
但是用沙盒試了以下,不知道如何指定選中的label,還是說我可能理解錯了,這個參數就是全局的?
通過模板:信息欄2.0製作了一個模板模板:三國殺武將信息欄,但是與三國殺條目中目前使用的tabs模板產生了問題,例如Special:固定連結/5715552。
後來試了一下原本的信息欄2.0以及模板:人物信息等信息欄模板,也遇到了同樣的問題。
--天翔之心(討論) 2022年3月7日 (一) 11:47 (CST)回覆
直接把正文部分的邊框底色全改成透明瞭,emmm算是繞過了這個問題(--天翔之心(討論) 2022年3月7日 (一) 15:23 (CST)回覆
{{tabs|style=overflow:hidden;min-width:50%| … }}吧。 あめろ 討論 2022年3月7日 (一) 19:01 (CST)回覆
在啟用AutoWidth=yes選項時,TabContent會調節成適配內容的寬度,其實現機理從前端樣式上來看是對TabContent增加了如下樣式
.TabContent
{
display:table-cell;
}
通過這種顯示模式讓TabContent的寬度總與其內容寬度保持一致。
然而這種做法存在一個問題,當內容寬度超出顯示範圍時,table-cell依然使TabContent寬度與內容保持一致,這使得閱讀時這個標籤會因為太長而延伸到父級元素之外。而新版移動端的MoeSkin中最外層的wrapper設置了overflow:hidden;,這導致超出屏幕外的內容永遠也無法被查看到。(在原始wiki皮膚上因為外層元素沒有overflow=hidden所以瀏覽器會提供一個橫向的滾動條,而這個滾動條會滾動整個頁面)
有一種辦法可以解決這個問題:那就是不使用AutoWidth=yes,轉而在style裡使用width:fit-content;display:flow-root;,其中flow-root是為了讓tab裡的內容不會因存在浮動元素而被裁剪。並對內層元素套一個具有overflow-x:auto;的容器(以避免需要翻動整頁而產生一些奇怪的版式,當然,這層容器我認為甚至可以包含到模板中)。
而且使用這種方式實現時,即使內容被縮短時,TabContent也不會因此佔據整行。
總之我在考慮可能用這種方式實現AutoWidth要比用table-cell要好一些。 --あの太(討論) 2023年5月9日 (二) 16:18 (CST)回覆
display:flow-root來實現autowidth的,後來我提了pr改成了現在的樣式。display:inline-block的話,遇到右浮動元素就會被自動拉到下面去:width:auto;max-width:fit-content;display:flow-root; --あの太(討論) 2023年5月9日 (二) 16:49 (CST)回覆
width:max-content導致排版出錯,所以才提pr改成了table-cell。至於改回flow-root、然後換用fit-content會不會出現別的問題還需要進一步的測試。——由BearBin提出的對Template:Tabs的編輯請求:
將以下內容:
|<div class="Tab"><div class="TabLabelText">{{{bticon{{#var:key}}|}}}{{{bt{{#var:key|}}|}}}</div><div class="TabContentText">{{#var:val}}</div></div>
}}</div></includeonly><noinclude>修改為:
|<div class="Tab"><div class="TabLabelText">{{{bticon{{#var:key}}|}}}{{{bt{{#var:key|}}|}}}</div><div class="TabContentText">{{#var:val}}
</div></div>
}}</div></includeonly><noinclude>最後一個頁簽為列表結尾時ul標籤錯亂。——
BearBin 「噴他 / 留名」 2023年10月10日 (二) 23:56 (CST)回覆
{{tabs
|LabelColor = #4274ae
|LabelBorderColor = #4274ae
|LabelBackgroundColor = #fff
|TextBackgroundColor = transparent
|TextBorderColor = transparent
|TextPadding = 0
|bt1=初版封面
|tab1=[[File:人類末日旅行-視頻封面.jpeg|280px]]
|bt2=Remix版封面
|tab2=[[File:人類末日旅行-視頻封面2.jpg|280px]]
}}
展開模板試了一下,好像是因為代碼裡多了幾個斷行,把模板展開後的斷行刪掉就會恢復原狀,現在用tabs的Vocaloid songbox條目圖片上下都有白邊很難看--二手車電商(留言) 2025年8月25日 (一) 22:26 (CST)回覆
{{tabs
|bt1=Atype
|tab1=
# aaa
# bbb
# ccc
|bt2=Btype
|tab2=
# aaa
# bbb
# ccc
|bt3=Ctype
|tab3=
# aaa
# bbb
# ccc
}}
顯示:
加了{{clear}}之後可以解決,但是之前不用加。
{{tabs
|bt1=Atype
|tab1=
# aaa
# bbb
# ccc
{{clear}}
|bt2=Btype
|tab2=
# aaa
# bbb
# ccc
{{clear}}
|bt3=Ctype
|tab3=
# aaa
# bbb
# ccc
}}
顯示:
Laybacker(留言) 2025年9月7日 (日) 21:23 (CST)回覆