div横排如何设置间距啊？

在一个div放很多的div，就是横排，比如每排5个，我想请教的是如何设置每个div之间的间距一样，而且每排的第1个div距离外层div左边的距离与每排的第5个div距离外层div右边的距离也是和间距一样的，要兼容主流浏览器啊？一直没有找到设置的好办法。谢谢了

举报该问题

其他回答

第1个回答 2013-07-30

确实没有好的办法，我的经验就是只设置margin-left，比如10，然后调整div的内层和外层div宽度，使第5个div与外层div右边空出来正好10个像素。如果不在意表格布局的话，其实用表格更简单一些<table cellspacing="10" cellpadding="0">...</table>。

第2个回答 2013-07-30

呃。。明显宽度不够啊你可以试试一行用一个大的div把里面的小div框起来，然后给大div设置 white-space:norwap;这样不会换行了，这样宽度是不是够？可以一目了然

相似回答

div横向排列循环怎么实现间距相等答：<style> .abc { width: 200px; margin-right: 20px; } .last { margin-right: 0; }</style><script>//设container为div的父元素的id//循环代码中添加以下语句，为给最后一个div添加class $("#container div").last().addClass("last");</script> ...

CSS + DIV 怎么让图片横向排列自动换行答：var div=document.createElement("div"); div.id = div.name = "d"+ a; div.innerHTML= "<img src='" + img_json[i].Picture + "'width='80' height='80' />"; document.getElementById("img_id").appendChild(div); a++; }}<div id = "img_id" ></div> 展开  我来答 1个回...

两个span之间的间距怎么解决掉?答：1、打开dw，在body中写个<div>标签。2、在div中写多个span标签。3、开始写样式，首先要把span标签转换成块元素，display：block；4、把块元素写个背景，预览下看。5、现在方框是竖排的。现在把它变成横排，加个float：left；左对齐，6、效果图：7、间距只要加个margin就可以了，写的是margin：0 0...

如何让div中的内容横向排列答：</div> </body> </html> 二、主要是需要对div里面的行内元素进行样式的设置：<style type="text/css"> .container { width: 500px;margin: 50px auto;overflow: hidden;border: 1px solid #ccc;} div span { display: block;width: 100px;height: 100px;background-color: hotpink;float:...

div+css图片横向排列答：1、新建html文档。2、书写hmtl代码。  ， <div id="nav">，<div id="box1">1</div>，<div id="box2">2</div>，<div id="box3">3</div>，</div>。3、初始化css代码。<style>*{margin:0;padding:0;font-size:12px;font-family:'Microsoft YaHei'}， ...

大家正在搜

div和div之间的空隙如何设置如何设置div位置 div与div之间没有间距 html如何设置字体间距 div间距设置如何设置div的大小两个div中间的间隔怎么设置两个div之间的间距 css间距怎么设置