生成将里面内容四等分css样式代码并放入gui样式类中

/* 将 .gui 样式类分为四等分，分别对应四个子元素 */

.gui { display: flex; flex-wrap: wrap; justify-content: space-between; }

.gui > * { width: calc(25% - 10px); margin-right: 10px; margin-bottom: 10px; }

/* 第一个子元素 */ .gui > *:first-child { margin-right: 0; }

/* 第二个子元素 */ .gui > *:nth-child(2) { margin-right: 0; }

/* 第三个子元素 */ .gui > *:nth-child(3) { margin-bottom: 0; }

/* 第四个子元素 */ .gui > *:last-child { margin-right: 0; margin-bottom: 0; }