Question

有没有办法在行和列div之间添加div而无需重新设计整个网格样式？ CMS我试图整合SUI并插入一个我无法摆脱的不需要的div。新结构如下所示：

＆＃13;

<div class="ui grid">
  <div class="row">
    <div class="UNWANTED DIV">
      <div class="column">
      </div>
      <div class="column">
      </div>
    </div>
 </div>
</div>

＆＃13;

问题是SUI期望下一个div后面的行是一个带有类列的div，不幸的是我无法做到这一点。我是否必须修改语义网格CSS以解决这个问题，还是有一些神奇的修复？

非常感谢任何帮助。

Answer 1

使用条件语句合并不需要的div的outerHTML和innerHTML。例如：

＆＃13;

var foo = document.querySelector(".row > div");
if(foo.className === "UNWANTED DIV")
  {
  foo.outerHTML = foo.innerHTML;
  }

console.log(document.body.innerHTML);

＆＃13;

.row > .column { border: 1px solid red; }

＆＃13;

<div class="ui grid">
  <div class="row">
    <div class="UNWANTED DIV">
      <div class="column">
      </div>
      <div class="column">
      </div>
    </div>
 </div>
</div>

＆＃13;

<强>参考

修改CMS为语义UI网格

1 个答案: