博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用好ul和li
阅读量:7257 次
发布时间:2019-06-29

本文共 358 字,大约阅读时间需要 1 分钟。

hot3.png

当代码体有大量的短小的文字时,用div往往得东拼西凑、到处设高度宽度,影响网页的整体美感。虽然看不出来,但只要用火狐看下3D视图,到处都是突起的山峰和抽空的溶洞。

用li则要好得多:布局紧密、CSS表书写方便、实际堆叠较少。

一般地,在构建横向或竖向菜单时,li就是神一般的存在。无论是京东还是淘宝天猫还是太平洋电脑,无一例外地都在用li。用DIV制作菜单子项容易陷入拼凑的窘境。当ul内li高宽属性一致时,可以直接在ul>li设置,省时省力。

还有一种情况,出现a行b列的花名册时,Li也是极好的存在。直接设置ul外框,设置a*b个li元素,在设置适当的行宽高和ul匹配,轻松构建a行b列的花名册。

不信就先试下吧!

转载于:https://my.oschina.net/u/1865749/blog/296028

你可能感兴趣的文章
返回顶部的代码
查看>>
testng 失败自动截图
查看>>
Java 发送邮件
查看>>
Ant十五大最佳实践
查看>>
26/02/2009 ECONOMICS REPORT - Obama Proposes $3.5 Trillion Budget for 2010
查看>>
教你如何拍好人像摄影
查看>>
UML 类图介绍
查看>>
从另外一个角度看微信支付
查看>>
ASP.NET Web API实践系列04,通过Route等特性设置路由
查看>>
【将门创投】商汤徐立:计算机视觉的完整链条,从成像到早期视觉再到识别理解...
查看>>
HTTPS.SYS怎样使用HTTPS
查看>>
美国交往礼仪
查看>>
TSQLDBServerHttpApi使用工作线程池
查看>>
ubuntu下搭建android开发环境
查看>>
惯用代码 - 移动开发
查看>>
《Introduction to Tornado》中文翻译计划——第五章:异步Web服务
查看>>
转:Parameter Server 详解
查看>>
深度学习网络调参技巧
查看>>
关于南京四校联合程序设计大赛
查看>>
SQL Server UDF to pad a string
查看>>