如题,使用了首行缩进和设置段间距的css,但是这两个设置都影响到了表格
这是表格本来的样子:
这是编辑表格的时候,表格内容受到首行缩进和段间距影响后的样子:
可以把缩进的css贴出来看看
谢谢好心人!
这是可以影响到表格的几个css:
1.控制侧边栏按钮
/* 展开/收缩侧边栏*/
.clickable-icon {
-webkit-app-region: no-drag;
background-color : transparent ;
display: flex;
align-items: center;
justify-content: center;
padding: var(–size-2-2) var(–size-2-3);
cursor: var(–cursor);
border-radius: var(–clickable-icon-radius);
opacity: var(–icon-opacity);
transition: opacity 0.15s ease-in-out;
height : auto ;
}
/* 侧边栏文件、目录、收藏三个按钮*/
.workspace-tab-header-inner .workspace-tab-header-inner-icon {
color: var(–nav-item-color);
opacity: var(–icon-opacity);
justify-content: center;
}
/* 主页面新建标签页加号按钮*/
.workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-new-tab .clickable-icon {
color: var(–nav-item-color);
padding: var(–size-2-2);
–icon-size: var(–icon-m);
–icon-stroke: var(–icon-m-stroke-width);
align-items: center;
}
/* 侧边栏上方四个按钮:新建笔记、新建文件夹、排序、折叠或展开所有文件夹*/
.nav-buttons-container {
justify-content: center;
}
.vertical-tab-header-group-title {
font: var(–Pingfang-SC);
font-size : 15px ;
color: #757C94;
font-weight: var(–font-semibold);
padding: var(–size-4-2);
user-select: none;
}
/* 侧边栏文件、笔记名称*/
.nav-file-title, .nav-folder-title {
margin-bottom: var(–size-2-1);
display: flex;
border-radius: var(–radius-s);
cursor: var(–cursor);
color: var(–nav-item-color);
font-size : 13px ;
font-weight: var(–nav-item-weight);
line-height: var(–line-height-tight);
}
.cm-s-obsidian, .markdown-preview-view, .markdown-source-view.mod-cm6.is-live-preview .cm-scroller, body {
font-size : 1em ;
font-weight: var(–normal-weight);
line-height: var(–line-height);
}
/* 侧边栏笔记名称背景*/
body:not(.is-grabbing) .nav-file-title.is-active:hover, body:not(.is-grabbing) .nav-folder-title.is-active:hover, .nav-file-title.is-active, .nav-folder-title.is-active {
color: var(–nav-item-color-active);
background-color: var(–nav-item-background-active);
font-weight: var(–nav-item-weight-active);
}
button {
-webkit-app-region: no-drag;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(–text-on-accent);
font-size: var(–font-ui-small);
background-color: var(–interactive-accent);
border-radius: var(–button-radius);
border: 0;
padding: var(–size-4-1) var(–size-4-3);
height: var(–input-height);
font-weight: var(–input-font-weight);
color: var(–nav-item-color);
cursor: var(–cursor);
font-family : inherit ;
outline : none ;
user-select: none;
white-space : nowrap ;
}
/* 仓库*/
body:not(.is-mobile) .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content {
font-weight : 1000;
text-transform : uppercase ;
letter-spacing : 0.5em ;
color: var(–nav-item-color);
font-size : 15px ;
text-align : center ;
text-shadow: var(–interactive-accent);
align-items: center !important;
}
/* 文件名换行 */
div.nav-file-title-content,
div.nav-folder-title-content {
white-space : normal ;
}
会在点入单元格时影响单元格高度
2.首行缩进css
/* from blue topaz */
.markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-header, .hr),
.markdown-source-view.mod-cm6.indent div.cm-line:not(.HyperMD-header, .hr) {
text-indent : 2em ;
}
.markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-header, .hr) .cm-hmd-frontmatter:first-of-type,
.markdown-source-view.mod-cm6.indent div.cm-line:not(.HyperMD-header, .hr) .cm-hmd-frontmatter:first-of-type {
margin-left : -2em ;
}
.markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header, .hr) .cm-def.cm-hmd-frontmatter,
.markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header, .hr) .collapse-indicator,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header, .hr) .cm-def.cm-hmd-frontmatter,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header, .hr) .collapse-indicator {
margin-left : 0;
left : -3em ;
}
[data-type=“markdown”] div[class=“el-p”]:not(blockquote) > p,
[data-type=“markdown”] :is(.markdown-preview-view,.markdown-rendered).indent div[class=“el-p”]:not(blockquote) > p {
text-indent : 2em ;
}
[data-type=“markdown”] div[class=“el-p”]:not(blockquote) > p>br,
[data-type=“markdown”] :is(.markdown-preview-view,.markdown-rendered).indent div[class=“el-p”]:not(blockquote) > p>br {
content : ’ ';
white-space : pre ;
line-height: calc((var(–paragraph-spacing) + 0.3)*1em);
display:unset;
}
[data-type=“markdown”] div[class=“el-p”]:not(blockquote) > p>br::after,
[data-type=“markdown”] :is(.markdown-preview-view,.markdown-rendered).indent div[class=“el-p”]:not(blockquote) >p>br::after {
content: ‘\A\0009\0009’;
}
.print *:not(blockquote) > p {
text-indent : 2em ;
}
.print *:not(blockquote) > p>br {
content : ’ ';
white-space : pre ;
line-height: calc((var(–paragraph-spacing) + 0.3)*1em);
display:unset;
}
.print *:not(blockquote) > p>br::after {
content: ‘\A\0009\0009’;
}
会使单元格内容也首行缩进
3.行间距、段间距css
/* 选择器,用于限定样式的作用范围,:not(……)表示不作用的例外情况 */
.cm-content >.cm-line:not( /* 应用于所有正文中的段落 */
.HyperMD-list-line) /* 不应用于列表 */
/以下是样式代码,em代表相对于字号的大小,例如0.5em表示字体的一半大/
/*可更换为其他单位,例如px,rem等 */
{
padding-top : 0.5em !important ; /* 段前间距(内边距)*/
padding-bottom : 0.25em !important ;
line-height : 1.75em !important ;
}
.markdown-preview-view ol>li, .markdown-preview-view ul>li, .markdown-source-view ol>li, .markdown-source-view ul>li, .mod-cm6 .HyperMD-list-line.cm-line {
padding-top : 0.375em ;
padding-bottom : 0.375em ;
line-height : 1.75em ;
}
.markdown-source-view ol > li, .markdown-source-view ul > li, .markdown-preview-view ol > li, .markdown-preview-view ul > li, .mod-cm6 .HyperMD-list-line.cm-line {
padding-top : 0.375em ;
padding-bottom : 0.375em ;
line-height : 1.75em ;
}
.cm-content >.cm-line, .markdown-preview-view:not(
.HyperMD-codeblock,
.HyperMD-list-line) {
padding-top : 0.5em ;
padding-bottom : 0.25em ;
line-height : 1.75em !important ;
}
.ͼ1 .cm-widgetBuffer {
vertical-align : text-top ;
height : 1em ;
}
.inline-title {
font-weight: var(–inline-title-weight);
font-size : 1.5em ;
line-height: var(–inline-title-line-height);
font-style: var(–inline-title-style);
font-variant: var(–inline-title-variant);
font-family: var(–inline-title-font);
margin-bottom: var(–inline-title-margin-bottom);
letter-spacing : -0.015em ;
color: var(–interactive-accent);
padding-bottom : 1em ;
text-align : center ;
}
会使单元格内容也被调整行段间距,导致在点入单元格时单元格被放大