文字环绕图片的布局效果(使用动态div实现)

2020-05-10 13:23:51易采站长站整理

</div>
<body>
</body>
<script type=”text/javascript”>
var c = $(“.c”).html();
var length = 5
for(var k = 1; k < length; k++){
c = set(c,k,length – 1 == k);
}
function set(value,index,flg){
var val = “”;
var v = null;
var element = $(“.m” + index);
element.html(“<p>” + value + “</p>”);
var element2 = element.find(“p”);
if(flg){
return””;
}
while(element.height() < element2.height()){
v = element2.html();
v = v.substring(0,v.length – 1);
element2.html(v);
}
val = value.replace(new RegExp(“^” + v),””);
return val;
}
</script>
</html>

还有一个有趣的分栏设计,CSS3实现的:http://ued.ctrip.com/blog/wp-content/webkitcss/demo/column.html