Css AMP和太宽的桌子

我的博客文章大量使用了

标签（用于表格数据，而不是格式黑客），但当在手机上使用AMP时，屏幕边缘的东西会相对频繁地溢出，或者东西会被
单词
包装。
环顾网络，我发现，但我正在寻找更好的解决方案；某种可能的解决方案，如果可以在纯CSS中完成

下面是一个示例，当您缩小浏览器窗口时，最后一列被截断。请注意，使用桌面浏览器，我能看到的唯一滚动方式是选择文本并向右拖动。在移动设备上，可以使用触摸屏，但没有用户界面提示有被切断的数据：

---

请注意，我是从插件中的原始数据生成表的，因此，如果有基于

的解决方案，我可以以其他形式重新编写数据。

您可以将表嵌入amp转盘中，使其水平滚动：

 <amp-carousel height="300" layout="fixed-height" type="carousel">
   <table class="result">...</table>
  </amp-carousel>

---

是JSBIN上的一个工作示例。
除非AMP。。。您可以将表格包装在一个div中，并在该div上设置可滚动的
overflow-x:auto
table@Ihazkode不幸的是，。我明白了，是的，我想AMP可能有些不同，但我在这方面没有经验。这对于在移动设备中使用表应该是有帮助的。更好的用户体验@很好！但它也有
溢出：auto
标记。AMP上的滚动条是一个大禁忌，所以这就是为什么我问一个旋转木马式的解决方案。很有趣！我看到的唯一问题是试图找到一个合适的高度，但我可以从表中的行数来估计，但这是一个低痛苦的变化，所以我将尝试一下，看看它在移动设备上的外观。哦，我找到了这个。