关于table和ul/ol还有span.
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.相关推荐
- 0308-标签的用法(a,ul/ol,table)
标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:≶ > s ...
- DIV+CSS中标签ul ol li dl dt dd用法
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...
- Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
- 关于ul ol li
ul是无序排列 例如:<ul> <li>Today <li>Tommorow </ul> 在网页中显示的结果是: · ...
- HTML 列表中的dl,dt,dd,ul,ol,li区别及应用
1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表 有序列表也是一列项目,列表 ...
- #4 CSS表格<table>-表单<form>-列表<ul/ol/dl>标签的使用
<!doctype html> <html lang="zh-CN"><head><meta charset="utf-8&qu ...
- div+css布局必了解的列表元素ul ol li dl dt dd详解
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...
- ul ol li的序号编号样式
首先来那看一个序号样式的例子,下面是html代码(做参考) <ol><li>列表内容列表内容列表内容列表</li><li>列表内容列表内容列表内容列表& ...
- ul,ol,dl区别
1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> < ...
最新文章
- 应用MaxCompute实现变压器局部放电相位分析
- android string.xml前后加空格的技巧
- 基于DDD的.NET开发框架 - ABP领域服务
- http://www.himigame.com/mac-cocoa-application/893.html
- 个人计算机有控制器和运算器吗,cpu是由控制器和运算器组成的对还是错
- oracle排序函数性能,oracle排序函数
- 部署SpringBoot到阿里云
- spring 集成 Hibernate4.3.X org.hibernate.service.jta.platform.spi.JtaPlatform异常
- oracle对某两列求和再求和_只会SUM函数求和,试试这5种求和函数,十倍提高工作效率...
- SQL Server 2012 Express LocalDB 的作用
- 人人商城前端小程序如何配置使用教程
- 幅频特性、相频特性的概念解释
- oracle loap函数用法
- 50篇各种磨皮大法PS教程集合,想学磨皮方法的可以看看
- 9.后缀、前缀函数-suffix basename addsuffix addprefix
- LeetCode.1046-最后的石头重量(Last Stone Weight)
- 计算机基础知识--->对张海藩老师所著《软件工程》的这本书的一些知识总结
- IM方案技术调研报告
- 目前最受客户欢迎的两种“上网卡”,不知道你现在用的哪一种?
- 小灰灰的APP学习之路(三)--创建一个简单的问答选择项目