关于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> < ...
最新文章
- Linux系统进程管理
- golang 关闭制定名称的 tomcat_Tomcat原理详解及请求过程
- Robotium只有apk文件测试实例
- node升级版本后vue报错
- [引]ASP.NET IIS 注册工具 (Aspnet_regiis.exe)
- 交替方向乘子算法(ADMM)
- 存储分类分析:DAS、NAS、SAN[转]
- Psych101(part5)--Day5
- 让我们共同怀揣文学与艺术的梦想
- QQ协议调试器 QQDebugger
- spring mvc在Controller中获取ApplicationContext
- EasyEarth三维可视化解决方案——智慧园区
- 第4章 最基础的分类算法-k近邻算法 kNN 学习笔记 中
- 企业污染排放数据库、海关数据库
- thinkphp自定义汉字转拼音类
- 百度文库中的文字不能复制,怎么办?
- 机房收费系统---数据库设计说明书
- 银行账户管理系统详细设计说明书
- auto semicolon insertion 自动分号补齐的坑
- oracle数据库统计信息的重要性
热门文章
- PV、UV、IP的区别
- 【BZOJ 3171】 [Tjoi2013]循环格
- [zz]GNU C __attribute__ 机制简介
- openssl passwd之openssl命令详解
- Xshell 连接 Ubuntu
- C++ 继承Employee类
- SpringBoot和FreeMarker整合
- Python3 requests post 中文乱码 UnicodeEncodeError: ‘latin-1‘ codec can`t encode characters in ……
- Python Django 搭建纯净IP地址返回服务(返回访问者IP地址)
- Altair FluxMotor 2020中文版