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. Linux系统进程管理
  2. golang 关闭制定名称的 tomcat_Tomcat原理详解及请求过程
  3. Robotium只有apk文件测试实例
  4. node升级版本后vue报错
  5. [引]ASP.NET IIS 注册工具 (Aspnet_regiis.exe)
  6. 交替方向乘子算法(ADMM)
  7. 存储分类分析:DAS、NAS、SAN[转]
  8. Psych101(part5)--Day5
  9. 让我们共同怀揣文学与艺术的梦想
  10. QQ协议调试器 QQDebugger
  11. spring mvc在Controller中获取ApplicationContext
  12. EasyEarth三维可视化解决方案——智慧园区
  13. 第4章 最基础的分类算法-k近邻算法 kNN 学习笔记 中
  14. 企业污染排放数据库、海关数据库
  15. thinkphp自定义汉字转拼音类
  16. 百度文库中的文字不能复制,怎么办?
  17. 机房收费系统---数据库设计说明书
  18. 银行账户管理系统详细设计说明书
  19. auto semicolon insertion 自动分号补齐的坑
  20. oracle数据库统计信息的重要性

热门文章

  1. PV、UV、IP的区别
  2. 【BZOJ 3171】 [Tjoi2013]循环格
  3. [zz]GNU C __attribute__ 机制简介
  4. openssl passwd之openssl命令详解
  5. Xshell 连接 Ubuntu
  6. C++ 继承Employee类
  7. SpringBoot和FreeMarker整合
  8. Python3 requests post 中文乱码 UnicodeEncodeError: ‘latin-1‘ codec can`t encode characters in ……
  9. Python Django 搭建纯净IP地址返回服务(返回访问者IP地址)
  10. Altair FluxMotor 2020中文版