【已解决】表格前后空行怎么删除

疑问解答
2
  • 表格 前 必须有空行，否则源码显示
  • 分割线--- 前 必须有空行，否则让前面行的文字变标题显示
  • 列表/Callout/引用 后 需要跟空行，否则阅读模式下“被吸入”

我看大佬们分享的解决方案是：CSS压缩显示这些必须存在的空行
我使用的CSS：

  • 原版来自B站咬猪娃大佬的视频
  • 额外新增压缩 标题前 空行，不需要的话删掉2个 , .HyperMD-header 就成）
  • 你自己要再新增表格后的话在 , .cm-callout 后面增加 , .cm-table-widget 应该能实现
    注意看规律，不要增减标点符号
/*
特定空白行压缩
前：
- 水平分割线 .hr
- 表格 .cm-table-widget
- 标题 .HyperMD-header
后
- 引用 .HyperMD-quote
- Callout .cm-callout
- 列表 .HyperMD-list-line
*/

.is-live-preview :is([class=cm-line]:has(+ :is(.hr, .cm-table-widget, .HyperMD-header))), /*前*/
.is-live-preview :is(.HyperMD-quote, .cm-callout, .HyperMD-list-line):not(.HyperMD-quote.HyperMD-callout) + [class="cm-line"]{ /*后*/
    padding-top: 0em !important;
    padding-bottom: 0em !important;
    line-height: 0.5;
    transition: 0.5s line-height,0.5s background-color;/*0.5s行高、背景颜色变化完毕*/
    border-radius: var(--radius-s);
}


.is-live-preview :is([class=cm-line]:has(+ :is(.hr, .cm-table-widget, .HyperMD-header))):hover, /*前*/
.is-live-preview :is(.HyperMD-quote, .cm-callout, .HyperMD-list-line):not(.HyperMD-quote.HyperMD-callout) + [class="cm-line"]:hover { /*后*/
    background-color: hsla(var(--color-accent-hsl), 0.4);
}
/*˗ ˗ 额外调整表格前˗ ˗ */
.markdown-source-view.mod-cm6 .cm-table-widget {
    margin-top: -8px!important;
}
1 个赞