当前位置: 首页 > 知识库问答 >
问题:

响应图像环绕div

马嘉勋
2023-03-14

我有一个引导网格设置,在网格的一个单元格内有一个div浮动在右边,宽度为250px;当然,单元格内的文本遵循浮动的div轮廓并环绕它;有时我会在文本中添加一些应该填充单元格的图像(100%的宽度,img响应类,就像bootstrap做的那样)。我如何能让图像停止在浮动div如果存在在它的侧面?在我的设置,图像填充宽度正确,如果浮动不存在(或图像开始在它下面),这是完全正确的,但如果图像开始在它旁边,它将去它下面。有什么建议吗?

共有1个答案

华知
2023-03-14

将图像也包装在div中,并将其浮动到左侧。

 类似资料:
  • 搜索了几个星期的网页,但不能找到满足我所有需求的答案(只有部分),帮助是非常欢迎的。 我想要的和已经完成的: 符合普通HTML5和CSS 在文章中显示图像 图像必须有标题 标题必须位于图像下方 标题必须限制在图像的水平大小 标题可能长于一行,文本应换行到下一行(仍在图像大小范围内) 图像和标题必须作为一组向左或向右浮动(请考虑使用 ) 文章文本必须环绕图像和标题 图像大小不同(第一个图像为200p

  • 问题内容: 我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放,但是图像坐标显然是固定的像素大小。我必须选择哪些选项来调整图像地图坐标的大小? 问题答案: 您也可以使用svg代替图像映射。

  • 在图像框架中让文本环绕图像 在文本框架中环绕文本的技巧是将图像复制并粘贴(而不是置入)到文本框架中,然后使用“环绕”面板调整环绕设置。 要在图像周围环绕文本,请执行以下步骤: 单击页面上的任何位置或页面外部的灰色区域。 选择“文件”>“置入”,然后浏览并选择图像文件。 单击“打开”以关闭“导入”对话框。 在页面上包含构件的区域以外单击并拖动光标。 通过单击并拖动,可以调整图像大小,并且会临时显示百

  • 我试图达到的效果是这个网站上的第一张主要图片:http://shop.soot.me/ 据我所知,这是通过后台实现的,而不是通过<代码> https://jsfiddle.net/jzhang172/e1javm23/

  • 我在img标记中使用.img响应类。图像非常小(42K),但当加载页面时,图像显示几秒钟相当大,直到缩小到适合容纳它的元素的大小为止。 我应该如何使用bootstrap处理响应性元素?

  • 在编码和模板化中,我经常需要包装文本的某一部分。是否有任何快捷方式来包装当前选择,例如: 我在Mac和PC上使用PhpStorm 7。我发现了一些类似的东西,其中:< kbd > ctrl < kbd > alt < kbd > j 可以用html标签包装,但不能包装其他内容。另外,ctrl+alt+根据当前文件格式(php、twig、html、...)