div一行四列布局如何做到间距相等

Question

总宽是800px,要求边距（就是第一个div和最后一个div都靠边），div和div的间距相等，如何操作？只能用计算的方法吗？第一、二、三个设置float:left ，最后一个设置float:right; ?
这样就得设置两次div属性了，有没有简单的方法。
还有就是如何计算能让间距都相等。

Answer 1

其实，如果只有一行的话，最后一个设置float:right也是可以的。
如果还有很多行的话，就只能在用特殊的方法了
例如：总宽800px，分4列，间距10px
(800px-3*10px)/4=192.5 由此得出每个div的宽度为大约192px；
css定义div的margin-right：10px（右边距） margin-left：0px（即靠左边了）
然后特定一个样式如.last{margin-right：0px}来消除最后一个div的右边距
当每行最后一个div时，运用class="last" 即消除最后一个div的右边距，这样就达到了靠右了。
这样说不知道你能不能理解
参考：
<div>1</div>
<div>2</div>
<div>3</div>
<div class="last">4</div> 每个div定义右边距，最后一个消除右边距。

我一般都是这样实现。希望帮到你！

追问

哈！就是这样了，
还有个问题，就是如何给一个div定义两个class

这样写 对吗？

追答

对的