# 徽章页面中的信任等级排序展览

**URL:** <https://meta.discourse.org/t/trust-levels-order-exhibition-in-the-badges-page/141610>\
**Category:** Support\
**Created:** [2020年二月14日 14:23 UTC](https://meta.discourse.org/t/trust-levels-order-exhibition-in-the-badges-page/141610 "2020-02-14T14:23:56Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2020年二月14日 14:55 UTC](https://meta.discourse.org/t/trust-levels-order-exhibition-in-the-badges-page/141610/3 "2020-02-14T14:55:19Z")

</div>

您可以使用 CSS 来实现，例如：

```css
.badge-card.betauser {
    order: -1;
}

```

由于当前的徽章页面布局是基于 Flexbox 构建的，如果您更改了顺序，可能还需要在不同屏幕宽度下调整一些边距。

```css
.badge-card.betauser {
    order: -1;
  @media screen and (max-width: 850px) {
    margin-right: 1.63%
  }
}

.badge-card.betatester {
  @media screen and (max-width: 850px) {
    margin-right: 0;
  }
}

```

今年晚些时候，当我们停止支持 IE11 后，就不再需要调整边距了（因为届时我们可以使用 Grid 而不是 Flexbox 来构建布局）。

---

_[View the full topic](https://meta.discourse.org/t/trust-levels-order-exhibition-in-the-badges-page/141610)._