这样图怎么去写html代码，谁能给点思路啊
6个回答
展开全部
很多写法，可以用
方法一：CSS部分li要float
<div>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</div>
<div>
<dl>
<dd><img src="……"></dd>
<dt><img src="……"></dt>
<dd><img src="……"></dd>
</ul>
</div>
<div>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</div>
方法二是：
<ul>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
</ul>
方法三可以用table;
方法四可以用像楼上全用div
其实还有很多方法的
方法一：CSS部分li要float
<div>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</div>
<div>
<dl>
<dd><img src="……"></dd>
<dt><img src="……"></dt>
<dd><img src="……"></dd>
</ul>
</div>
<div>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</div>
方法二是：
<ul>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
<li>
<ul>
<li><img src="……"></li>
<li><img src="……"></li>
<li><img src="……"></li>
</ul>
</li>
</ul>
方法三可以用table;
方法四可以用像楼上全用div
其实还有很多方法的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>测试页面</title>
<style type="text/css">
#div1{width:100px; height:100px; float:left; border:1px solid #aaa; margin:10px 10px;}
#div2{width:222px; height:100px; float:left; border:1px solid #aaa; margin:10px 10px;}
</style>
<body>
<div>
<div id="div1"></div>
<div id="div1"></div>
<div id="div1"></div>
<div id="div1"></div>
</div>
<div style="clear:both;"></div>
<div>
<div id="div1"></div>
<div id="div2"></div>
<div id="div1"></div>
</div>
<div style="clear:both;"></div>
<div>
<div id="div1"></div>
<div id="div1"></div>
<div id="div1"></div>
<div id="div1"></div>
</div>
</body>
就这么简单哦
追问
能看懂你说的意思，但是这以后要是涉及到调用后台程序的时候就麻烦了，所以要是只切静态页，我也会，考虑一下程序问题。
追答
老大啊，我不清楚你的后台是怎么调用的，我只是提供一个方法给你，如果你非要跟后台去结合的话，别人是不了解你的后台的啊
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用ul实现，子元素li浮动，在ul上加上宽度，就会自动换行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样的网站排版 一般是循环的，你再写个中间要判断的if 语句；当i=6，7时把中间那块写出来！！要么就分三行 中间的另外写！！
追问
我切图呢，还没是后台程序呢，没法用其他方法设置一下吗，例如图片环绕图片的方法有吗？
追答
没有 这个地方你跟后台写程序的人说说 根据他的习惯做就好了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还是用float:left;呗，，中间那个大的单独定义个样式，，也用li列表试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
