主面板中的过滤器水平排列

在主面板中水平排列过滤器的一种解决方法是使用Flexbox布局。以下是一个示例代码：

HTML:

<div class="main-panel">
  <div class="filter">Filter 1</div>
  <div class="filter">Filter 2</div>
  <div class="filter">Filter 3</div>
</div>

CSS:

.main-panel {
  display: flex;
  justify-content: space-between;
}

.filter {
  padding: 10px;
  border: 1px solid gray;
}

在上面的示例中，.main-panel是主面板的容器元素，它使用display: flex将其子元素水平排列。justify-content: space-between属性将过滤器元素平均分布在主面板中。

每个过滤器元素都有一个.filter类，它设置了一些样式，例如内边距和边框。

你可以根据自己的需求修改示例代码，例如调整样式或添加更多过滤器元素。