Html 新开发人员，还有我的figcaption bug，我不知道为什么

提前为我的英语道歉

我必须复制这个

但我这样做：

这是我的代码：

div.psp div.picture-left img{
宽度：45%；
右边距：1米；
浮动：左；
}
分区psp分区图片-左图figcaption{
字体大小：.7em；
}

放一些图片
一只猫，只是为了保持网站的上下文。

我们不是在看斯蒂芬妮·迈耶的小说，这是一个他妈的网站。
添加一些相关图片以提供一点上下文，或者让读者高兴起来。
你真的喜欢浪费我们现在拥有的技术力量吗？来吧，你用的是
在电脑上的网络浏览器，你不是在Kindle上看书。

该网站不应该充斥着过多的图片，但它应该让用户在阅读你的废话时感到高兴

你看到这个可爱的凯特的照片了吗？他很高兴，你也应该很高兴

发生这种情况是因为您将图像向左浮动

这就是为什么它会偏向一边

只是不要选择img标签，如下所示：

div.psp div.picture-left { /* <---- Just remove the img */
    
    width: 45%;
    margin-right: 1em;
    float:left;

}



div.psp div.picture-left figure figcaption {
    font-size: .7em;
}

---

div.psp div.picture-left{/*像这样更改您的IMG样式

div.psp div.picture-left img {
    
    width: 100%;
    margin-right: 1em;
    float:left;

}

然后添加css类
。图片左
像这样

.picture-left {
width:45%;
}


.psp{
    display: flex;
}

然后像这样添加CSS类
.psp

.picture-left {
width:45%;
}


.psp{
    display: flex;
}

如果您有任何疑问，请尝试此方法。请评论我

不要在公共平台的帖子上说脏话✌


div.psp div.picture-left img{
宽度：100%；
右边距：1米；
浮动：左；
}
.图片左{
宽度：45%；
}
.psp{
显示器：flex；
}
分区psp分区图片-左图figcaption{
字体大小：.7em；
}
放一些图片
一只猫，只是为了保持网站的上下文。

我们不是在看斯蒂芬妮·迈耶的小说，这是一个他妈的网站。
添加一些相关图片以提供一点上下文，或者让读者高兴起来。
你真的喜欢浪费我们现在拥有的技术力量吗？来吧，你在用
在电脑上的网络浏览器，你不是在Kindle上看书。

该网站不应该充斥着过多的图片，但它应该让用户在阅读你的废话时感到高兴

你看到这个可爱的凯特的照片了吗？他很高兴，你也应该很高兴

哦，谢谢！这是工作，我现在明白为什么了！非常感谢你救了我！好吧，顺便说一句，你为什么不接受我的答案？哈哈，对不起，我是这个网站的新手！但是你接受了@Gajarthan的答案，而不是我的？？：-/@Blaze\u droid