css - 向 MediaWIki 中的表格添加水平滚动条(Pivot 主题)

标签 css zurb-foundation mediawiki zurb-foundation-6 skin

我正在尝试为表格添加水平滚动以溢出,而无需在 MediaWiki 中单独编辑表格。我安装了基于 Zurb Foundation 的 Pivot 主题。

表格现在是这样的:

Table without horizontal scroll for overflow when viewed on mobile

示例:https://wiki.d-addicts.com/Love_Story_in_Harvard

最佳答案

Foundation 的 CSS 有一个包装器类,您可以将其添加到表格中以使其滚动。

<div class="table-scroll">
  <table></table>
</div>

您可以在此处找到 API 文档:https://foundation.zurb.com/sites/docs/table.html#scrolling-table

关于css - 向 MediaWIki 中的表格添加水平滚动条(Pivot 主题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53840720/

相关文章:

html - 保持未知数量的 div 居中,每行最多 4 个

javascript - Grunt Wiredep 没有注入(inject) Foundation css

python - 维基百科上的编辑页面,badtoken

java - 使用 Java 从 MediaWiki 读取 XML 标签

html - 如何允许用户复制我的电子邮件地址而不是爬虫?

html - CSS max-width 的像素精度不准确

html - 如何使 div 扩展以适应可用的垂直空间?

javascript - 在渲染之前使用 JavaScript 设置样式

ruby-on-rails - 未找到Zurb Foundation 5,modernizr

python - 从 MediaWiki XML 中提取页面标题和贡献者