tabel的重心应该是产生数据列,而ul/ol则是在产生数据级上,所以,一般对于单列多行的数据,且扩展的趋势是产生级的时候,使用ul/ol,扩展的趋势是列的时候,使用TABEL。

用ul/ol实现两列,只要增加个SPAN,三列给SPAN增加CLASS,还能四列

  <ol><li>d1<ol><li>a</li></ol></li><li>d2<ol><li>b</li></ol></li><li>d3<ol><li>c</li></ol></li></ol>//分级<ol><li>d1<span><li>a</li></span></li><li>d2<span><li>b</li></span></li><li>d3<span><li>c</li></span></li></ol>//一行标题,一行数据<ol><li>d1<span>a</span></li><li>d2<span>b</span></li><li>d3<span>c</span></li></ol>两列

转载于:https://www.cnblogs.com/bile/archive/2011/09/01/2162519.html

关于table和ul/ol还有span.相关推荐

  1. 0308-标签的用法(a,ul/ol,table)

    标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:≶ > s ...

  2. DIV+CSS中标签ul ol li dl dt dd用法

    ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...

  3. Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法

    这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...

  4. 关于ul ol li

    ul是无序排列 例如:<ul>       <li>Today       <li>Tommorow       </ul> 在网页中显示的结果是: · ...

  5. HTML 列表中的dl,dt,dd,ul,ol,li区别及应用

    1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表 有序列表也是一列项目,列表 ...

  6. #4 CSS表格<table>-表单<form>-列表<ul/ol/dl>标签的使用

    <!doctype html> <html lang="zh-CN"><head><meta charset="utf-8&qu ...

  7. div+css布局必了解的列表元素ul ol li dl dt dd详解

    dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...

  8. ul ol li的序号编号样式

    首先来那看一个序号样式的例子,下面是html代码(做参考) <ol><li>列表内容列表内容列表内容列表</li><li>列表内容列表内容列表内容列表& ...

  9. ul,ol,dl区别

    1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> < ...

最新文章

  1. 应用MaxCompute实现变压器局部放电相位分析
  2. android string.xml前后加空格的技巧
  3. 基于DDD的.NET开发框架 - ABP领域服务
  4. http://www.himigame.com/mac-cocoa-application/893.html
  5. 个人计算机有控制器和运算器吗,cpu是由控制器和运算器组成的对还是错
  6. oracle排序函数性能,oracle排序函数
  7. 部署SpringBoot到阿里云
  8. spring 集成 Hibernate4.3.X org.hibernate.service.jta.platform.spi.JtaPlatform异常
  9. oracle对某两列求和再求和_只会SUM函数求和,试试这5种求和函数,十倍提高工作效率...
  10. SQL Server 2012 Express LocalDB 的作用
  11. 人人商城前端小程序如何配置使用教程
  12. 幅频特性、相频特性的概念解释
  13. oracle loap函数用法
  14. 50篇各种磨皮大法PS教程集合,想学磨皮方法的可以看看
  15. 9.后缀、前缀函数-suffix basename addsuffix addprefix
  16. LeetCode.1046-最后的石头重量(Last Stone Weight)
  17. 计算机基础知识--->对张海藩老师所著《软件工程》的这本书的一些知识总结
  18. IM方案技术调研报告
  19. 目前最受客户欢迎的两种“上网卡”,不知道你现在用的哪一种?
  20. 小灰灰的APP学习之路(三)--创建一个简单的问答选择项目

热门文章

  1. textarea标签中的换行与空格问题
  2. 数据泄漏保护:你的企业的投资是否足够?
  3. Quartus11中新建工程
  4. ASP.NET验证控件
  5. type lambda
  6. Shiro 那点事儿
  7. 设置apache目录认证
  8. PDF Annotator 8中文版
  9. 【工具类】时间相关的方法
  10. 宝塔面板使用阿里云ssl证书