/* markdown 生成内容需要做合理截断，不然会撑爆父容器*/
/* 针对表格的规则 */
#preview table {
    table-layout: fixed; /* 强制使用固定布局，宽度可控 */
    width: 100%;        /* 宽度限制在父容器内 */
}

#preview td,
#preview th {
    word-break: break-all; /* 强制单词内部换行 */
}

/* 针对代码块的规则 */
#preview code {
    white-space: pre-wrap;   /* 允许在长行中换行 */
    word-wrap: break-word;   /* 允许在单词内部换行 */
    word-break: break-all;   /* 强制在长单词或长链接内部换行 */
    overflow-x: auto;        /* 如果一行特别长，允许出现水平滚动条 */
    min-width: 0;
}

/* 允许代码块在需要时出现水平滚动条 */
#preview pre {
    overflow-x: auto;
}

/* 针对普通长文本和内联元素的规则 */
#preview p,
#preview a,
#preview span {
    word-break: break-word;  /* 强制单词内部换行，尤其对长链接有用 */
}
/* markdown 生成内容需要做合理截断，不然会撑爆父容器*/