在post-author-date中用了flex、后，同行的图片与文字无法呈现vertical-align:middle的效果
来源：17-6 构建新闻列表（下）
weibo_五子子子子子_04313429
2019-03-18
4-6中，老师在post-author-date使用了flex以替代post-author的vertical-align，但是我用同样的code并无法让同行中的图片与文字对齐，只有在post-author中再添加vertical-align:middle;才行。这是为什么呢？
.post-author-date {
/* margin-top: 10rpx;
margin-bottom: 20rpx;
margin-left: 10rpx; */
margin: 10rpx 0 20rpx 10rpx;
/* 顺时针方向 */
display: flex;
flex-direction: row;
align-items:center;
}
.post-author {
height: 60rpx;
width: 60rpx;
/* vertical-align: middle; */
}
写回答
2回答
-
小慕雪9171754
2019-03-19
我的可以，没有加vertical，你可能是class样式字母哪里写错了，或者标签标错了，仔细检查检查，或者我帮你检查也可以的（笑脸）
00 -
7七月
2019-03-18
应该不会吧。课程这次重录已经把vertical都去掉了，flex应该是ok的。你看课程不是这样一步步的演示的吗？看看是不是哪里样式写的和课程不太一样？
00
相似问题