Obsidian 样式:DataView 在 table 视图下标签出现错位断裂的修复

Obsidian 样式:DataView 在 table 视图下标签出现错位断裂的修复

使用方式

直接激活

效果

修复标签换行问题,取消标签块前的无序列表标志

注意:或许会对一些情况下 DataView 视图造成影响,使用中如有问题,请及时反馈

CSS 代码段

div.block-language-dataview.node-insert-event table td ul {
  list-style: none;
  flex-direction: row-reverse;
}

.tag {
  float: left;
  white-space: nowrap;
}

代码解释

div.block-language-dataview.node-insert-event table td ul {
  list-style: none;
  flex-direction: row-reverse;
}
  1. div.block-language-dataview.node-insert-event table td ul

    • 这一选择器表示选择 DataView 表格 - 表格体中无序列表部分
  2. list-style: none

    • 表示列表样式,使用 none 则无额外标志
  3. flex-direction: row-reverse

    • 表示倒序序列排序
.tag {
  float: left;
  white-space: nowrap;
}
  1. .tag

    • 为类 1 选择器,即所有标记为 tag 的类都使用下列属性

    1. float: left

    • 指向左浮动对齐
  2. white-space: nowrap

    • 标记文本不换行(除非文本内包括额外换行符如<br>)

Footnotes

  1. 类:指 html 标签的 class 属性

讨论

若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。



反馈交流

其他渠道

版权声明