使图像浮动并带有环绕图像的文字?

蔡文cent

当图像和文本位于单独的div中时,如何制作环绕文本的图像

我已经重新创建了以下场景:

http://codepen.io/vincentccw/full/yatsr/

第一部分是样式方面的问题,第二部分是我想要实现的目标。

我无法调整HTML,因为它实际上是从响应式布局中提取的内容,它需要像这样设置div...。可能吗?

部落首领

我终于有了可以工作的东西!

它使用伪元素。

.yourDivWithALotOfText:before {
    content:"";
    padding-left: 100px;
    padding-bottom: 100px;
    float:left;
}

确保将所有元素设置为:

display: inline;
position: absolute;

注意:padding-left并且padding-bottom应手动设置。

演示:http//jsfiddle.net/thauwa/utYkZ/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使图像浮动并带有环绕在图像周围的文字?

来自分类Dev

文字不环绕浮动图像。但图像环绕浮动文本

来自分类Dev

带有文字的图像视图环绕

来自分类Dev

CSS-使段落文本环绕图像而没有浮动

来自分类Dev

阻止文字环绕图像

来自分类Dev

文字不会环绕图像

来自分类Dev

HTML文字环绕图像

来自分类Dev

文字的图像视图环绕

来自分类Dev

带有浮动元素的行中的中心图像

来自分类Dev

如何将带有图像的浮动 div 水平居中?

来自分类Dev

Bootstrap 3将文字环绕图像

来自分类Dev

如何在div中将文字环绕图像?

来自分类Dev

将文字环绕在引导图像上

来自分类Dev

将文字环绕在引导图像上

来自分类Dev

如何使用Bootstrap将文字环绕图像?

来自分类Dev

文字环绕图像,到一列

来自分类Dev

如何创建带有浮动图像,左上方,右下方和中间包含换行文字的网页

来自分类Dev

带有文字符号的图像

来自分类Dev

带有文字叠加的自适应图像

来自分类Dev

调整表中带有文字的图像

来自分类Dev

带有文字符号的图像

来自分类Dev

防止列表环绕图像

来自分类Dev

环绕图像效果的标签

来自分类Dev

段落不会环绕图像

来自分类Dev

带有图像的UIView

来自分类Dev

CSS将文字环绕在几何图像上

来自分类Dev

使用React-Native将文字环绕图像

来自分类Dev

尝试在Bootstrap 4中将文字环绕图像

来自分类Dev

使用React-Native将文字环绕图像