停止文字环绕图像

Question

我正在制作一个小型的个人项目，而我似乎无法弄清楚如何在从桌面大小转移到移动设备时使文本停止环绕图像

＆＃13;

＆＃13;

<div class="text">​​​​​​​​ 
   <img src="/square.png" align="left" class="ms" alt=""/>
</div>
<div> 
   <span class="ms">Two paragraphs of text</span> 
</div>

＆＃13;

＆＃13;

＆＃13;

以下是它现在正在做的事情：

Picture 1

Picture 2

Picture 3

我希望文字在缩小到一定宽度时移到底部

Answer 1

- ＆GT;请添加以下HTML＆amp; css代码

- ＆GT;在img标签中设置图像路径

apps.get_model("myapp", "Country")

With Me.lstSector
    For lngRow = 0 To .ListCount - 1
        If .Selected(lngRow) Then
        End If
    Next lngRow
End With

Answer 2

您必须为移动屏幕尺寸（＆lt; 768 px）编写css，为图像的宽度样式设置值100％。例如，根据您的上述代码：

@media(max-width:768px){
    .text {
        width: 100%;
    }
}