为什么 <p> 标签中的文本会从屏幕上消失？ （HTML、CSS）

Answer 1

原因是

display: flex;

的

.section1

– 它将

p

和所有后续图像排列在一起。

如果您想要 display: flex;文本和所有图像*彼此*，可以从

.section1

中

删除

flex-direction: column

或添加

p

。

如果您想要

p

文本下方的图像，请将图像放在一行中，将另一个

div

容器包裹在图像周围，然后将

display: flex;

添加到该容器中。