当图像和文本位于单独的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
应手动设置。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句