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

2020-08-24 10:38:18 +08:00
 gouchaoer2

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

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

1753 次点击
所在节点    CSS
8 条回复
demo
2020-08-24 10:43:01 +08:00
pre > code {
white-space: pre-wrap;
}
misaka19000
2020-08-24 10:45:30 +08:00
white-space: initial;
sixway
2020-08-24 10:53:32 +08:00
一楼的可行。
gouchaoer2
2020-08-24 11:05:52 +08:00
@demo 好的,3q 我搞定了

能顺便问一下么,我 gitbook 渲染成 html 用你的 css 是 ok 的,然后渲染成 pdf 的时候发现还是会渲染成袋 scroll 那种,我确定渲染成 pdf 的 css 是有效的
gouchaoer2
2020-08-24 11:09:55 +08:00
demo
2020-08-24 11:20:46 +08:00
@gouchaoer2 #4,试试用 @media print ?

@media print {
pre > code {
white-space: pre-wrap;
}
}
gouchaoer2
2020-08-24 11:50:55 +08:00
@demo 3q,还是不想
gouchaoer2
2020-08-24 11:51:10 +08:00
@demo 3q,还是不行

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/700862

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX