我正在尝试将 MediaWiki 表中的标题从水平方向变为垂直方向。这样表数据应该有更多的空间。
我发现这个 MediaWiki 模板可以将文本转向任意方向
https://en.wikipedia.org/wiki/Template:Transform-rotate
这基本上可以工作，但它不能解决问题:在表格中，它接缝在网络浏览器中首先布局所有单元格，然后旋转文本。这样，在执行旋转后，所有表头单元格将覆盖相同的空间量，但这并不能解决我的问题。我需要相反的方法:首先旋转文本，然后布局表格。
如何通过 CSS 实现这一点？如何使表格标题中的文本垂直，从而节省水平空间？
最佳答案
感谢 StackOverflow，我了解到 CSS2 没有简单的解决方案，甚至可能根本没有解决方案。但这可以通过 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>
关于css - 如何使 MediaWiki 表格中的表格标题垂直？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46813648/