fix(styles): space of flush (#70)

* fix(styles): space of flush * Fix width of label * 两端对齐，修复url超出框架
zotero-chinese · Jun 20, 2024 · 0188449 · 0188449
1 parent 4cfe31e
commit 0188449
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/.vitepress/theme/styles/csl-styles.css b/.vitepress/theme/styles/csl-styles.css
@@ -1,19 +1,34 @@
+.csl-bib-body {
+  word-break: break-word;
+  text-align: justify;
+}
+
 /* second-field-align 首行缩进适配 */
+/* https://github.com/zotero-chinese/website/issues/48 */
 .csl-bib-body.second-field-align-flush .csl-entry {
   display: flex;
+  align-items: flex-start;
 }
 
-.csl-bib-body.second-field-align-flush .csl-entry .csl-left-margin {
-  float: left;
-  margin-right: 0.5em;
+.csl-bib-body.second-field-align-flush .csl-left-margin {
+  width: 2em;
+  flex-shrink: 0; /* 确保左边距不会缩小 */
 }
 
-.csl-bib-body.second-field-align-flush.maxoffset-4 .csl-entry .csl-left-margin {
+.csl-bib-body.second-field-align-flush.maxoffset-3 .csl-left-margin {
   width: 2.5em;
 }
 
+.csl-bib-body.second-field-align-flush.maxoffset-4 .csl-left-margin {
+  width: 3em;
+}
+
+.csl-bib-body.second-field-align-flush.maxoffset-5 .csl-left-margin {
+  width: 3.5em;
+}
+
 /* hangingindent 悬挂缩进适配 */
 .csl-bib-body.hangingindent-true .csl-entry {
-  text-indent: -2em;
   padding-left: 2em;
+  text-indent: -2em;
 }