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

Question

我有一个semantic ui search field，它工作正常。但是类别名称相当长，将它们放在左侧会占用大量空间。我希望类别在同一列表中显示为另一项，只是样式不同。诸如此类，灰色标题对应于项目类别（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%;
  }