SOURCE

<div class='header'>
  <div class='left'>
    <img style='width: 60px; height: 60px; border-radius: 4px;' src="https://avatars1.githubusercontent.com/u/21879812?s=460&v=4"
    alt="" />
  </div>
  <div class='right'>
    <div class='column1'>
      <div class='item1'>
        发布者都是我的所多所多所多所多所
      </div>
      <div class='item2'>
        2018-09-06
      </div>
    </div>
    <div class='column2'>
      <div class='item1'>
        33333333333333333333333333请问请问群二33333333333333333333333333请问请问群二33333333333333333333333333请问请问群二33333333333333333333333333请问请问群二33333333333333333333333333请问请问群二
      </div>
    </div>
  </div>
</div>

.header {
  display: flex;
  flex-direction: row;
}

.left {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right{
  flex: 1;
}
.column1{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*flex-wrap: wrap; 左右布局的时候用到*/
}