flex布局【示例】

Flexbox 布局对行内元素和块级元素都适用。无论是 <span>、<a> 这样的行内元素，还是 <div>、<p> 这样的块级元素，都可以在 Flexbox 容器中进行灵活的排列和对齐。

.pg-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  height: 72px;
}

flex-grow