响应问题：图像（向左浮动）和div - ＆gt;

Question

我有一个小问题。我有float: left;的图像，然后是带文字的div。结果是这样的：https://css-tricks.com/wp-content/csstricks-uploads/web-text-wrap.png

哪个好。但是当屏幕变小时，最后，因为图像只有250像素大，所以左边的图像和右边的几个字。我想在图像下“推”div测试并同时将图像居中：当屏幕显示时，例如400px大。

我该怎么做！这看起来很简单，但我试过的所有tutos或codepen都让我感到困惑......

由于

Answer 1

研究media tags我认为它们正是您所寻找的。

所以你的css会是这样的：

nil

Answer 2

非常感谢困惑和烟雾缭绕。

我使用了smoggers的代码，没有按预期工作，但是尝试找到解决方案的完美基础：

.images {float: left;}


@media screen and (max-width: 400px) {
  .images {
    float: none;
    width: auto;
    display: table;
    margin: 0 auto;
    padding-bottom: 5%;
  }
}

再次感谢。