显示Flex对齐响应样式?

Question

如何将作者信息移动到头像的一侧进行响应式设计?我是使用flexalign还是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;到author和avatar的父元素。如果* *div。Hentry **是你的avatar和author的父div，在这段代码中，它们应该并排在一起。

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