Question

我尝试将搜索过滤器对齐到https://www.violinschool.org/video-testing/

使它们水平而不是垂直显示。

最好的方法是什么？我正在阅读一个关于内联块＆＃39;使用CSS但不确定这是否是最佳解决方案。

谢谢！

Answer 1

Yep inline-block是您所需要的，通过查看您需要使用类form-item定位html元素的标记：

.form-item{
    display: inline-block;
    margin-left: 10px;
}

Answer 2

请在下面添加css

form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-23679-TCPID23680.js-wpv-form-full.js-wpv-dps-enabled.js-wpv-ajax-results-enabled{
   display:flex;
 }

 .js-wpv-filter-trigger {
  float: left;
  margin: 0px 20px !important;
 }

如果您有任何问题，请随时提出。感谢

如何水平对齐这些搜索过滤器？

2 个答案: