css - 如何使段落中的图像 float

标签 css image css-float word-wrap

在我的开发主页上ecommerce store在旋转木马的正下方,H1“I Wish I Were Knitting...”下方有一张图片,上面包裹着一段文字。

我已将浮点类应用到位于 p 标签内的 img 标签。通过从 img 标签中删除 bootstrap img-responsive 类,我有一行文本可以正确 float 。

为什么整个段落不能换行?我会在此处将标记和 CSS 放入此文本中,但因为这段有问题的代码是巨大的 .asp 系统的一部分,我想知道人们是否愿意使用检查元素检查标记和 CSS页面本身,您可以在其中看到它周围的其他代码和 CSS。

最佳答案

我看到你添加了 class="floatleft" 但你需要添加 css float: left;。使用 Chrome Dev Tools 进行测试,它有效:)。

您始终可以使用以下方法将类添加到您的 css 中:

.floatleft {
   float: left;
}

然后您只需更改 CSS 而无需更改 HTML。祝你好运!

关于css - 如何使段落中的图像 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31507900/

相关文章:

css - 如何停止 css 背景调整大小以适应浏览器窗口?

javascript - jquery动画将一个类移动到一个div中

javascript - 从 POP UP 窗口中删除默认边框

html - 未拉伸(stretch)的 slider 宽度和高度

android - 这些代码如何从 Android Gallery 加载图像

python - 在 OpenCV 返回图像中裁剪旋转 90 度

javascript - 颜色框中的动态图像变化

css - 我正在 Mac 上开发一个网站,所有主流浏览器都能正确呈现它。但是我很困惑如何让它在 IE 中正确显示

css - 简单的CSS对齐代码

html - 如何删除 HTML div 中的奇怪填充?