style(Markdown): 为 Markdown 组件添加断词样式

在 Markdown 容器 div 的类名中添加 `break-words` 实用类,确保长单词或 URL 在超出容器宽度时自动换行,避免破坏页面布局。
This commit is contained in:
二叉树树
2026-01-25 21:02:10 +08:00
parent ed75f3160a
commit ec4590855e
2 changed files with 1 additions and 3 deletions

View File

@@ -7,7 +7,7 @@ interface Props {
}
const className = Astro.props.class;
---
<div data-pagefind-body class=`prose dark:prose-invert prose-base !max-w-none custom-md ${className}`>
<div data-pagefind-body class=`prose dark:prose-invert prose-base !max-w-none custom-md break-words ${className}`>
<!--<div class="prose dark:prose-invert max-w-none custom-md">-->
<!--<div class="max-w-none custom-md">-->
<slot/>

View File

@@ -25,8 +25,6 @@ description: 关于如何联系二叉树树~
# 非官方
123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312123123123121231231231212312312312
> 粉丝自建
[Telegram: View @blog2x](https://t.me/blog2x)