当前位置:首页 > 技术分享 > 详情
sousuo
sousuo

9、列表自左而右,自上而下架构,不要左右分两个板块

上传时间:2020-05-19            浏览次数:376

一、现象

同一个栏目下,列表左右分,应该是多个并列的li,float:left进行架构,这样方便程序进行循环调用。

如果做成左右两个板块,就需要做2次程序调用,不太好处理,而且顺序逻辑也不对。

二、原因

主要是考虑逻辑关系、顺序关系、使用习惯、程序调用难度等。

一个栏目,下边N条,就应该是平行关系,而不要用div或者ul给他割裂成两个板块,这样调用下来,就会出现本来顺序为1,3,5的左侧,变成了1,2,3的顺序,不符合习惯。

三、解决办法

<ul>

<li>第1条</li><li>第2条</li>
<li>第3条</li><li>第4条</li>
<li>第5条</li><li>第6条</li>
</ul>

一行放2个li,设置好宽度,float:left,让他们自动回行。这样调用数据库出来的顺序就符合预期了。


本文作者:野狼优优

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们