未分類
1 9 月 2020

markdown 的 code 标签渲染成 html 的 css 问题

markdown 的 code 标签渲染成 html 的 css 问题

資深大佬 : gouchaoer2 17

我有个 css 问题，标签里的内容如果太长了会显示横的和竖的 scroll，能有办法去掉横的和竖的 scroll，然后如果某行 code 太长了就自动换行，问一下怎么做呢？

比如这个页面拉到最下面那个 pdf 的 code 区块，我要去掉这个 scroll，把右边超出的地方换行： https://gitbookio.gitbooks.io/documentation/content/format/configuration.html

大佬有話說 (8)

  • 資深大佬 : demo

    pre > code {
    white-space: pre-wrap;
    }

  • 資深大佬 : misaka19000

    white-space: initial;

  • 資深大佬 : sixway

    一的可行。

  • 主 資深大佬 : gouchaoer2

    @demo 好的，3q 我搞定了

    能顺便问一下么，我 gitbook 渲染成 html 用你的 css 是 ok 的，然后渲染成 pdf 的时候发现还是会渲染成袋 scroll 那种，我确定渲染成 pdf 的 css 是有效的

  • 主 資深大佬 : gouchaoer2

    markdown 的 code 标签渲染成 html 的 css 问题

  • 資深大佬 : demo

    @gouchaoer2 #4，试试用 @media print ？

    @media print {
    pre > code {
    white-space: pre-wrap;
    }
    }

  • 主 資深大佬 : gouchaoer2

    @demo 3q，还是不想

  • 主 資深大佬 : gouchaoer2

    @demo 3q，还是不行