如何在MediaWiki表中將表格標題垂直放置？

我試圖將MediaWiki表中的標題從水平變爲垂直。這樣，表格數據應該有更多空間。如何在MediaWiki表中將表格標題垂直放置？

，我發現這個鏈接到MediaWiki模板，可以在任意方向轉動文字

https://en.wikipedia.org/wiki/Template:Transform-rotate

這基本上工作，但它並沒有解決這個問題：在表中它接縫，在網絡瀏覽器首先細胞layouted然後旋轉文本。這樣，所有表頭單元格將在執行旋轉後覆蓋相同的空間量，這不能解決我的問題。我需要相反的方法：首先旋轉文本，然後佈置表格。

CSS如何實現？如何在表格標題中使文本垂直以節省水平空間？

來源

2017-10-18 Regis May

https://stackoverflow.com/questions/6997631/how-to-display-vertical-text-in-table-標題與自動高度無文字ov /重複或不？ –

@ G-Cyr當然看起來像...你想要dupehammer它還是我？ –

@Paulie_D ??你能用簡單的語言來表達我的意思嗎，不太清楚我明白你想說什麼嗎？我的英語水平一般你知道... –

感謝StackOverflow我能夠知道沒有簡單的解決方案，甚至可能根本就沒有解決方案。但它可能與CSS3。

爲了垂直MediaWiki的表中顯示的文字，你需要做到以下幾點：

自動換行部分在span標籤
使用以下CSS設置垂直顯示：
- writing-mode: sideways-lr; - 這將使垂直從下到上書寫風格
- white-space: nowrap; - 這將防止文字換行;這樣你得到乾淨的垂直線
- min-width: 20px; - 這種方式，您將確保垂直線條不會得到太小

這甚至工作在語義維基媒體查詢。您可能想要將此用於結果表的標題。例如：

{{#ask: [[DevReg:+]] [[DeviceType::Switch]] 
|?DeviceManufacturer={{VerticalText|Manufacturer}} 
|?DeviceModel={{VerticalText|Model}} 
|?DevicePortsGBit={{VerticalText|Ethernet ports}} 
|format=table 
}}

模板VerticalText應該這樣被定義：

<includeonly><span style="writing-mode: sideways-lr; white-space: nowrap; min-width: 20px;">{{{1}}}</span></includeonly>

來源

2017-10-18 21:08:54

我相信''writing-mode：sideways-lr;'目前只支持firefox。 https://developer.mozilla.org/fr/docs/Web/CSS/writing-mode（寫模式是在IE5或更低版本中引入的，用不同的語法順便說一句，它也是觸發噩夢「haslayout」的一種方式） –

感謝您提供這些信息。無論如何，我會假設這樣的垂直文本解決方案應該被認爲是非常新的。但隨着時間的推移，CSS3的支持將會增長，所以我認爲使用這種乾淨的方法應該是最好的方式，即使還沒有每個瀏覽器都支持它。在所有情況下，您可能都想嘗試用'vertical-lr'替換'sideways-lr'，這可能已被瀏覽器支持。但是，文本從上到下垂直運行，看起來有點過分。請記住，通過這種模板方法，您可以隨時在任何時候改變方向。 –

也許我鏈接到一個錯誤的潛在副本..看到演示和解決方案橫向-r https://codepen.io/gc-nomade/pen/EKQKBe它也包括舊的瀏覽器:) –

如何在MediaWiki表中將表格標題垂直放置？

回答

相關問題