文本换行与背景图像

时间:2014-09-10 09:54:20

标签: html css textwrapping

如此屏幕截图所示,我正在尝试将我的文字换行以便它绕过背景-img。

显然这本身并不起作用,因此我来这里是为了寻求可能的解决方案。我有几种方法可以想到自己,例如使用绝对定位将图像放在那里,但我很确定它不会帮助我包装文本。

3 个答案:

答案 0 :(得分:5)

最近发现这样一块可以帮忙

shape

答案 1 :(得分:0)

创建一个名为TextWrap的css类或任何您选择的属性,如下所示:

.TextWrap  {
    float: left; 
    margin: 10px;
}

根据图像相对于文本的位置调整浮动/边距。将该类作为HTML中的图像名称添加。

答案 2 :(得分:0)

有这样的东西的jQuery插件:

http://www.jwf.us/projects/jQSlickWrap/

他们在这里说:

  

为什么我需要这个?

     

如果你觉得有必要把东西包裹起来   使用CSS浮动的不规则形状的图像,你可能有点   很失望地发现它被迫缠绕在图像上   边界框,而不是图像的实际内容。

UPD。还有一个:http://baconforme.com/