DUX 主题文章里的 代码块（code block）完整展开显示

✅ 方法一：用自定义 CSS 取消代码滚动条并自动换行

1. 登录 WordPress 后台 → 外观 → 自定义 → 额外 CSS。
2. 添加以下代码：

/* 去掉代码块滚动条，自动换行显示完整代码 */
pre, code {
  white-space: pre-wrap !important; /* 自动换行 */
  word-wrap: break-word !important; /* 长单词也能断开 */
  overflow-x: visible !important; /* 不出现横向滚动条 */
  overflow-y: visible !important; /* 不出现纵向滚动条 */
  max-height: none !important; /* 不限制高度 */
}

✅ 方法二：针对 DUX 主题默认样式进行覆盖（推荐）

DUX 主题的代码样式通常是通过 .entry pre 或 .content pre 定义的，你可以更精确地覆盖：

/* 针对 DUX 主题文章正文内的代码块 */
.entry pre,
.content pre {
  overflow: visible !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  max-height: none !important;
  background: #f7f7f7; /* 保留背景美观 */
  padding: 10px;
  border-radius: 6px;
}

⚠️ 注意事项

• 如果你的代码特别长，完全展开可能会影响阅读体验或页面加载速度。
• 若你只想在文章页（不包括首页摘要）生效，可以加上页面限定选择器：

.single-post pre {
  overflow: visible !important;
  white-space: pre-wrap !important;
}