如何将语义UI类别标题显示为搜索结果列表中的一项？

Question

我有一个语义ui搜索字段，该字段正常工作。但是类别名称相当长，将它们放在左侧会占用大量空间。我希望类别在同一列表中显示为另一项，只是样式不同。像这样的东西，其中灰色标题对应于项目类别（source）：

初始化组件时，我看不到进行此更改的方法。我该怎么办？

Answer 1

事实证明，更改非常简单，可以完全在CSS中完成。关键是将组成建议弹出框的div从display: table-cell更改为display: block，并为其指定宽度。

  .ui.category.search>.results .category {
      display: block;
      width: 100%;
  }

  .ui.category.search .results {
      width: 600px;
      width: 100%
  }

  .ui.category.search>.results .category>.name {
      display: block;
      width: 100%;
      white-space: normal;
  }

  .ui.category.search>.results .category .results {
      display: block;
      width: 100%;
  }

  .ui.category.search>.results .category .result {
      display: block;
      width: 100%;
  }

  .ui.search>.results .result .description {
      width: 100%;
  }