浏览代码

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 {
+      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;