Question

css float:left;margin-right:10px排版

css float:left;margin-right:10px排版，往往最后一个元素会留空白出来，只要中间元素要margin-right。请问可以怎样处理呢？代码如下：<style> *{ margin: 0; padding:0; } .row{ margin: 10px auto; width:500px; height:200px; border:1px solid red; } .col{ width:100px; height:100px; background: yellow; float: left; border:1px solid black; margin-right: 23px; }</style><div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div></div>

Answer 1

可以使用 letter-spacing:*px; 来控制文字间距，*px是指间距像素
这个不仅可以用在li里，其它需要文字排版的地方都可以使用
举个例子：
.list li {width:200px; text-align:center; height:22px; line-height:22px; letter-spacing:5px; overflow:hidden; clear:both;}
说明.list li {li宽度200px; 文字居中; li高度22px; 行高22px; 字间距5px; 超出部份隐藏; 清除;}

Answer 2

给第四列增加一个类col-4并设置下float及margin属性，试试这段代码：
<style> *{ margin: 0; padding:0; } .row{ margin: 10px auto; width:500px; height:200px; border:1px solid red; } .col{ width:100px; height:100px; background: yellow; float: left; border:1px solid black;margin-right:30px;}.col-4{float:right;margin-right:0px;}</style><div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col col-4">4</div></div>