fix(markdown): 修复窄表格在 table-wrap 内边框被裁切

overflow-x:auto 会强制 overflow-y 也建滚动盒,裁切 table 向外 spread 的 1px
box-shadow 描边,导致不需要滚动的窄表格右下角边框断裂。

给 .table-wrap 加 padding:1px 为描边预留空间,负 margin:-1px 抵消外部尺寸
偏移,使 wrap 不撑大父容器、左上仍贴齐正文边缘。
This commit is contained in:
xfy 2026-07-23 16:18:12 +08:00
parent 485d4b1cc4
commit 07d737af0f

View File

@ -584,8 +584,13 @@
}
/* table-wrap渲染器给宽表格套的滚动容器移动端窄屏可横向滚动
src/api/markdown.rs::wrap_tablesmin-width 让窄表仍撑满宽表撑开触发滚动 */
src/api/markdown.rs::wrap_tablesmin-width 让窄表仍撑满宽表撑开触发滚动
padding table 1px box-shadow 描边预留空间overflow 容器overflow-x:auto
强制 overflow-y 也建滚动盒会裁切向外 spread 的阴影导致右下边框断裂
margin 抵消 padding 的外部尺寸使 wrap 不撑大父容器左上仍贴齐正文边缘 */
.md-content .table-wrap {
margin: -1px;
padding: 1px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}