# 如何更改标题中按钮的顺序？

**URL:** <https://meta.discourse.org/t/how-can-i-change-the-order-of-buttons-in-header/162345>\
**Category:** UX\
**Created:** [2020年八月28日 12:18 UTC](https://meta.discourse.org/t/how-can-i-change-the-order-of-buttons-in-header/162345 "2020-08-28T12:18:07Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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年八月29日 02:34 UTC](https://meta.discourse.org/t/how-can-i-change-the-order-of-buttons-in-header/162345/2 "2020-08-29T02:34:07Z")

</div>

你可以用 CSS 实现类似的效果：

```css
.d-header-icons { 
  display: flex;
}

.header-dropdown-toggle.current-user { 
  order: 1; 
}
.header-dropdown-toggle.search-dropdown { 
  order: 2; 
}
.header-dropdown-toggle.hamburger-dropdown { 
  order: 3; 
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-can-i-change-the-order-of-buttons-in-header/162345)._