为响应式显示 Flex Align？

Question

响应式设计如何将作者信息移动到头像一侧？我使用 flex-align 还是 block ？我想更改我附上屏幕截图的论坛部分的响应式设计作者。我尝试了一些代码但没有成功。

https://i.imgyukle.com/2021/03/04/NJa5KG.jpg

#bbpress-forums li.bbp-body div.bbp-topic-author,
  #bbpress-forums li.bbp-body div.bbp-reply-author {
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--color-divider);
    box-sizing: border-box;
  }
  .vikinger-forum-reply-author {
    -ms-flex-align: start;
        align-items: flex-start;

Answer 1

你可以给样式display:flex；给作者和头像 parent element.If **div.hentry ** 是你的 parent div 头像和作者用这个代码他们应该并排。

#bbpress-forums li.bbp-body div.hentry {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}

为响应式显示 Flex Align？

Display Flex Align for responsive style?

html

css

flexbox

responsive-design

responsive