你如何让文字显示在底部,而不是左侧对齐的照片旁边?

时间:2018-07-13 作者:Aimee

我通过WordPress发布关于书籍的博客,所以当我发布书评时,我会在书的详细信息旁边放一张封面照片。在我的桌面上查看时,一切看起来都很好,但是when I view reviews on my phone, 文字被删掉了,因为它们仍然在封面旁边,而不是在下面。

如果文字不再适合小屏幕分辨率,但如果可以的话,它们仍然会显示在图像旁边,我该如何使文字显示在下面?

可以找到我的博客here.

非常感谢您的帮助。:)

1 个回复
SO网友:rudtek

您可以在移动设备上关闭图像的alignleft浮动:

将此添加到您的样式中。css:

@media screen and (max-width: 480px) {
  img.alignleft {
    float: none;
  }
}
基本上是说,如果屏幕宽度小于480像素,请从左对齐的图像中删除左浮动(即无浮动)。这让他们各自为政。

结束