# 代码块中的换行以避免水平滚动条

**URL:** https://meta.discourse.org/t/line-wrapping-in-code-blocks-to-avoid-horizontal-scrollbar/206404
**Category:** Support
**Created:** [2021年十月19日 01:00 UTC](https://meta.discourse.org/t/line-wrapping-in-code-blocks-to-avoid-horizontal-scrollbar/206404 "2021-10-19T01:00:37Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [2021年十月19日 01:00 UTC](https://meta.discourse.org/t/line-wrapping-in-code-blocks-to-avoid-horizontal-scrollbar/206404/1 "2021-10-19T01:00:37Z")

</div>

是否可以让代码块允许自动换行，以避免出现水平滚动条？

如果这可以配置为仅影响特定语言的代码块，那就更好了。

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [2021年十月19日 01:09 UTC](https://meta.discourse.org/t/line-wrapping-in-code-blocks-to-avoid-horizontal-scrollbar/206404/2 "2021-10-19T01:09:55Z")

</div>

```css
.lang-jai.hljs {
  /* 禁用最大高度以避免垂直滚动条；始终完整显示代码块 */
  max-height: none;

  /* 在 Jai 代码中启用单词换行以避免水平滚动条。*/
  overflow-x: auto; 
  white-space: pre-wrap;
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2021年十一月18日 01:10 UTC](https://meta.discourse.org/t/line-wrapping-in-code-blocks-to-avoid-horizontal-scrollbar/206404/3 "2021-11-18T01:10:16Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.