flex 自适应排版中由于数量不够造成的空白

flex布局使用justify-content: space-between;，由于数量不足，导致间距空白，

建议用js填充元素

// flex空白元素填充
function flex_empty(listbox,ele,num,emptyclass){var len=listbox.find(ele).length;var need=Math.ceil(len/num)*num-len;for(var i=0;i<need;i++){var create_ele=document.createElement(ele);create_ele.className=emptyclass;listbox.append(create_ele);}
}

使用！

flex_empty($('.activity_online_list'),'li',3,'empty');

参数说明：1：直接的外包裹框，一般为ul，2：对应的要排版的元素，3：正常情况修下每行排版的元素个数，4：补充元素的类别

转载于:https://www.cnblogs.com/ghfjj/p/7975622.html

flex 自适应排版中由于数量不够造成的空白相关推荐

flex datagrid组件中添加别的组件
flex datagrid组件中添加别的组件在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1. ...
ai中如何插入签名_如何在微信公众号文章排版中插入趣味问答互动样式？
每天都有一批运营人,在为微信公众号文章的互动抓破了脑袋.绞尽脑汁想尽办法让用户点进了文章,奈何缺乏互动导致用户很快离开.有小伙伴在阅读其他公众号文章的时候发现公众号文章里,有很有趣的互动模式,就是趣味 ...
神经网络中参数量parameters和FLOPs计算
一.神经网络中参数量parameters和FLOPs计算 CNN中的parameters分为两种:W和b,对于某一个卷积层,它的parameters的个数为: (Kh∗Kw∗Cin)∗Cout+Cou ...
html里字号rem,html中的em和rem到底该如何使用，自适应效果中如何确定文字大小/字号？...
如今手机屏幕繁多,自适应效果中如何确定文字大小/字号? em rem vm vw vh你都了解吗? 先说说em和rem em:继承父级的,假设html的font-size默认为16px,body字体大 ...
网络推广专员浅析在网站导航设计排版中应如何深入完成网络推广？
在企业网站的导航栏设计中,不仅能够为浏览访问网站中的用户找到所在位置还能进一步精确跳转到用户所需求的信息.拥有这一优势的导航栏在众多企业网站中频繁应用,但是千篇一律的导航栏设计已经让用户产生视觉疲劳, ...
mysql 统计条目_mysql 统计表中条目数量的几种方法
mysql 统计表中条目数量的几种方法展开通常的方法是: select count(*) from `table_name` select count(1) from `table_name` s ...
word2007-2010排版中解决段后插入分页符新页首行空行问题
word2007-2010排版中,很多人都会遇到这个问题.当你在段后插入分页符想开启新的一页的时候,新页首行有个空行.如果删除,会连同分页符一起删除.不删除有影响排版美观.那怎么解决呢: 解决办 ...
ieee期刊_IEEE期刊的双栏排版中的图片位置问题
现在有些期刊会要求双栏排版,虽然有对应的模板,但还是会出现很多排版上的问题. 今天讲的这个图片位置问题就是喵酱最近一直被困扰的问题,那就赶紧来记录一下吧,同时也分享给大家!! 首先,对于IEEE的模板 ...
JS 与Flex交互:html中的js 与flex中的actionScript通信
Flex与JavaScript交互的问题,这里和大家分享一下,主要包括Flex调用JavaScript中的函数和JavaScript调用Flex中的函数两大部分内容. Flex 与JavaScript ...

flex 自适应排版中由于数量不够造成的空白

flex 自适应排版中由于数量不够造成的空白相关推荐

最新文章

热门文章