找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1699|回复: 0
打印 上一主题 下一主题

php动态读取数据清除最右边距的方法

[复制链接]

2560

主题

2560

帖子

7622

积分

论坛元老

Rank: 8Rank: 8

积分
7622
跳转到指定楼层
楼主
发表于 2018-2-14 05:26:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            需求效果一行3栏:

场景模拟:同事给了我这么一段静态代码如下:
  
  Document
  li,ul{padding: 0;margin:0;list-style: none;}
  .box{
    width:1000px;background: #ddd;height:500px;
  }
  .box li{margin:0 50px 20px 0;background:red;height:30px;width:300px;float: left;}

      
   
      ';
      }
      ?>
   

  

可是动态读取是统一的呀?宽度不够咋办捏?错误的换行效果并不是我们想要的!

解决方案一:样式加宽隐藏
  li,ul{padding: 0;margin:0;list-style: none;}
  .box{
    width:1000px;background: #ddd;height:500px;overflow: hidden;
  }
  .box ul{width: 1200px;}
  .box li{margin:0 50px 20px 0;background:red;height:30px;width:300px;float: left;}
预览正常:

解决方案二:php判断,清除最右栏边距
   
   
      '.$i%$col.'';
      }
      ?>
   

  

方案一和方案二都是可以实现一样的效果!
以上这篇php动态读取数据清除最右边距的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
            
            
        
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端