Преглед изворни кода

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

Jeffrey Chen пре 6 месеци
родитељ
комит
e80b340f13
1 измењених фајлова са 3 додато и 1 уклоњено
  1. 3 1
      app/src/assets/scss/protyle/_wysiwyg.scss

+ 3 - 1
app/src/assets/scss/protyle/_wysiwyg.scss

@@ -148,11 +148,13 @@
     }
     }
 
 
     &.sb {
     &.sb {
+      display: flex;
+      flex-direction: column;
       padding: 0;
       padding: 0;
       max-width: 100%;
       max-width: 100%;
 
 
       &[data-sb-layout="col"] {
       &[data-sb-layout="col"] {
-        display: flex;
+        flex-direction: row;
         flex-wrap: wrap;
         flex-wrap: wrap;
         justify-content: space-between;
         justify-content: space-between;
         column-gap: 1.5em;
         column-gap: 1.5em;