style: 使用 flex 避免超级块内的相邻子块发生外边距折叠 margin collapsing

siyuan-note · Dec 21, 2024 · e80b340 · e80b340
1 parent 6c36912
commit e80b340
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -148,11 +148,13 @@
     }
 
     &.sb {
+      display: flex;
+      flex-direction: column;
       padding: 0;
       max-width: 100%;
 
       &[data-sb-layout="col"] {
-        display: flex;
+        flex-direction: row;
         flex-wrap: wrap;
         justify-content: space-between;
         column-gap: 1.5em;