gpt4 book ai didi

markdown - 有没有办法使用 HTML 溢出 Markdown 表?

转载 作者:行者123 更新时间:2023-12-02 06:27:49 26 4
gpt4 key购买 nike

我在 GitHub 页面中使用 jekyll 构建了一个博客。我的一篇文章(用 Markdown 编写)有一个表格,该表格在智能手机中溢出,生成整个页面的水平滚动条。

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

<div style="overflow-x: scroll;">

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

</div>

最佳答案

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

如果您使用的是 Kramdown Markdown 引擎,只需使用以下代码片段添加包装器(请注意 div 标记和 Markdown block 之间的空行。这是必需的。):

<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 文件中,并在此处设置 overflow hidden 。

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

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

关于markdown - 有没有办法使用 HTML 溢出 Markdown 表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41076390/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com