需求效果：1行3列：

场景模拟：我同事给我的静态代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head style Li，ul { padd : 0；margin:0list-style:无；} .box { width:1000px背景# ddd高度：500 px；} .方框Li { margin :0 50px 20px 0；背景：红色；高度：30 px；宽度width:300px向左浮动：}/stylebody div class='box' ul？PHP for($ I=0；$ i9$ I){ echo ' Li/Li '；} ?/ul /div/body/html但动态阅读是统一的。宽度不够怎么办？包装效果不对不是我们想要的！

解决方案1:样式加宽和隐藏

风格li，ul { padd : 0；margin:0list-style:无；} .box { width:1000px背景# ddd高度：500 px；飞越：隐藏；} .box ul { width: 1200px} .方框Li { margin :0 50px 20px 0；背景：红色；高度：30 px；宽度width:300px向左浮动：}/样式预览正常：

解决方案2: php判断，清除最右边的列边距

div class='box' ul？Php //列号$ col=3；for($ I=0；$ i9$ I){ $ margin _ r=($ I % $ col)==($ col-1))？右边距：0 ;':'';//清除右边距回声' li style=' '。$ margin _ r ' '。$ I % $ col . '/Li '；} ?/ul/div

方案一和方案二可以达到同样的效果！

以上用php动态读取数据清除最右边空白的方法是边肖分享的所有内容。希望能给大家一个参考，支持我们。