有没有办法使用HTML溢出降价表？

Question

我在GitHub页面中使用jekyll构建了一个博客。我的一篇文章（在markdown中写道）有一个表，在智能手机中溢出，生成整个页面的水平滚动条。

我想知道是否有某种方法可以像下面那样编写HTML + markdown，只溢出div，而不是整个页面。

h1

Answer 1

不，你不能简单地添加一个html包装器，但你还有其他几个选项。

如果您使用的是Kramdown Markdown引擎，只需使用以下代码段添加包装器（请注意div标签和降价块之间的空行。这是必需的。）：

<div class="table-wrapper" markdown="block">

|                        |ODBC | SSMS | SQLCMD | ISQL|
|---                     |:---:|:---: |:---:   |:---:|
|ANSI_NULL_DFLT_ON       | ON  | ON   | ON     | OFF |
|ANSI_NULLS              | ON  | ON   | ON     | OFF |

</div>

然后，您可以将css规则添加到sass / css文件中，并在此处设置隐藏溢出。

.table-wrapper {
  overflow-x: scroll;
}

这是一种仅为选定表设置溢出的明确方法。