html - 基于Semantic-UI Grid的页面布局 : cannot remove the gutters

Question

我正在使用 semantic-ui 创建一个 Web 应用程序.我正在尝试创建一个具有侧边栏和主要内容区域的布局。起初，我认为使用网格是可行的方法，只是它们会导致一些问题:

1. 列和行之间会有额外的间距/间距
2. “移除”间距的唯一方法是设置列颜色，例如 <div class="four wide black column"> , 但这会导致列与其他内容重叠

所以看起来网格并不是创建页面布局的最佳工具，尽管它们确实提供了使它们对页面布局有用的功能(比如定义部分大小；four wide column、ten wide column 等)

使用语义 UI 布局 Web 应用程序的推荐方式是什么，例如简单的侧边栏和主要内容列？

Answer 1

你为什么不像这样覆盖应用于“网格”和“列”的默认边距和填充，

.your-custom-class.grid {
    margin: 0;
}
.your-custom-class.grid .column {
    padding: 0;
}

因此您将得到一个列之间没有空格的网格。