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

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

   1. float: left

   • 指向左浮动对齐

2. white-space: nowrap

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

讨论

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