87,993
社区成员
发帖
与我相关
我的任务
分享求一个js的代码用于输出换行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<{$res}>/css/layout.css" rel="stylesheet" type="text/css" />
<div id="container">
<div id="main">
<div class="leftb">
<div class="leftbox1">
<{section loop=$data name="la"}>
<div class="left1">
<a href="#" title="#"><img src='<{$public}>/images/<{$data[la].pic}>'></a>
<br><a href="#" title="#"><{$data[la].service_name}></a>
</div>
<{/section}>
</div>
</div>
</div>
</div>
</html>
求大神帮忙写个程序，小弟从section那里传递进来一个数组，但是在页面设置时想规定只能每一行输出4张图片，接着就换行，求教大神们这个用js应该怎么写，谢啦
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<{$res}>/css/layout.css" rel="stylesheet" type="text/css" />
<div id="container">
<div id="main">
<div class="leftb">
<div class="leftbox1">
<{section loop=$data name="la"}>
<div class="left1">
<a href="#" title="#"><img src='<{$public}>/images/<{$data[la].pic}>'></a>
<br><a href="#" title="#"><{$data[la].service_name}></a>
</div>
<{/section}>
</div>
</div>
</div>
</div>
</html>
求大神帮忙写个程序，小弟从section那里传递进来一个数组，但是在页面设置时想规定只能每一行输出4张图片，接着就换行，求教大神们这个用js应该怎么写，谢啦
...全文
请发表友善的回复…
发表回复
blackchef 2013-03-06
- 打赏
- 举报
你的是这个意思吗？
http://jsfiddle.net/hetong/eKt8Z/
jyx15005174109 2013-03-06
- 打赏
- 举报
css已经做好了，已经做到一行放4张图片，我是想知道不止有四个数据时怎么实现自动换行
blackchef 2013-03-06
- 打赏
- 举报
用css把包含图片的a标签设成display: inline-block。然后设置div class="left1"的宽度，让宽度正好能容下四张图。
