当代码体有大量的短小的文字时,用div往往得东拼西凑、到处设高度宽度,影响网页的整体美感。虽然看不出来,但只要用火狐看下3D视图,到处都是突起的山峰和抽空的溶洞。
用li则要好得多:布局紧密、CSS表书写方便、实际堆叠较少。
一般地,在构建横向或竖向菜单时,li就是神一般的存在。无论是京东还是淘宝天猫还是太平洋电脑,无一例外地都在用li。用DIV制作菜单子项容易陷入拼凑的窘境。当ul内li高宽属性一致时,可以直接在ul>li设置,省时省力。
还有一种情况,出现a行b列的花名册时,Li也是极好的存在。直接设置ul外框,设置a*b个li元素,在设置适当的行宽高和ul匹配,轻松构建a行b列的花名册。
不信就先试下吧!