CSS控制Table表格文字样式
发布时间:2008-06-11 18:53:00
现在使用CSS网页布局,摒弃了传统Table表格布局的模式,但是Table表格在网页中还是少不了的,因为当需要输出表格类数据时,就应该使用表格,而不是div或其他标签,而且我们可以通过CSS来控制表格样式。要知道WEB标准并非是通篇的DIV+CSS,而是倡导采用更合理的语义标签来进行布局。
在网页中文字的对齐方式一直是排版的重中之重,特别是对于数据显示来说,如何才能让众多的数据的可读性更强可识别性更高呢?
asp之家的其它css表格的文章:css设计的具有亲和力的表格 用css实现柱状图(Bar Graph)的方法(二)—基于表格元素的柱状图
先来看表格一的文字对齐,这无疑是最失败的对齐方式。表格标题<th />标签内容默认是居中对齐的,可是当把<td />标签的内容也设为居中对齐时,无疑给数据的可读性带来了很大的困扰。因为每当从上一行数据看到下一行数据时我们的视线不得不转动来扫遍整个表格,增加了阅读的负担与时间;
这种对齐方式是Table完全默认的,<th />标签内容居中对齐,<td />标签内容左对齐,似乎也完全合情合理,可是如下图中所示,当其中一条数据很长但其它数据都很短时,这样子的易识别性依然不高。当其中某一条数据很长时,表格标题将离数据短的那个内容很远,同样也是增加了阅读的负担与时间;
通过手工加入样式,把<th />标签的对齐方式改为左对齐,与<td />标签的默认对齐方式一样,整个表格看上去整齐一致,可读性与可识别性都得到了提高。
<th />标签里的内容与注册表单或是留言表单里的说明文字是一样的用途,起的是说明或是归类的作用。这也就是为什么在很多的注册表单还有留言表单里用的都是这种对齐方式。
试想一下,如果下面这个留言表单里的说明文字都居中对齐,那会是个什么样子?
注意:表单的布局可以使用lable或其他标签,而不是用表格来进行组织,这只是一种过渡的方法!
猜你喜欢
- 求英文字母、数字、下划线、汉字的js正则表达式英文字母或数字或下划线,英文字母数字下划线是:/^\w+$/汉字的是:/^[\u0391-\u
- 在 MySQL 中,数据库和表对应于那些目录下的目录和文件。因而,操作系统的敏感性决定数据库和表命名的大小写敏感。这就意味着数据库和表名在
- 在蓝色看到的这个程序,不错!by:thornyzhl前天看到有个人写了能在网页中写字的程序,找不到了,我来个能擦写的....蛮有意思的阿.~
- BLOG阅读:http://www.planabc.net/article.asp?id=118在使用CSS实现表现的时候,会经常接触到di
- ASP页面延迟的两个简单方法 asp延时第一种 代码如下:<% Response.Buffer = Tr
- 当我们建立一个数据库时,并且想将分散在各处的不同类型的数据库分类汇总在这个新建的数据库中时,尤其是在进行数据检验、净化和转换时,将会面临很大
- 某人使用如下过滤代码,发现经常被黑:n=request.form("username") p=request.form(
- 一、偏好资源的积累利用DreamWeaver 4制作网页会应用到许多各种类型的要素,比如色彩、图片、模板、脚本等。利用站点资源面板将这些东东
- cmake-2.8.3.tar.gzmysql-5.5.8.tar.gz一,cmake-2.8.3的安装:tar -zxf cmake-2.
- ASP中的全角和半角转化函数,使用方法,传入要转换的字符给str即可,flag设置要转换的类型。<% Function&n
- 我们可能会出现这种情况,某个表原来设计不周全,导致表里面的数据数据重复,那么,如何对重复的数据进行删除呢?重复的数据可能有这样两种情况,第一
- Dreamweaver出现乱码,大致为两种情况:一是没有标明主页制作所用的文字,这种情况下很简单就可以
- 常见的SQL问题:◆选择重复,消除重复和选择出序列有例表:empemp_no name age001 Tom 17002 Sun 14003
- 我们通常会通过单击按钮的操作,将定义好的内容直接复制到剪贴板对于用户来说点了按钮直接【Ctrl】+【V】就可以了。其实该功能的核心原理就是用
- 近又开始做网页,发现之前写的页面不规范,这次从头在来,希望一次比一次进步,先从CSS中的标点符号开始吧,这篇做为草稿已经放了很长时间了,还是
- 批量修改: EXEC sp_MSforeachtable 'exec sp_changeob
- 有没有办法更快一点? 有没有办法一次性收缩所有数据库? 代码如下:alter database 数据库名 set recovery simp
- 这些年来,我发现许多开发者对于何时使用数据操纵语言(DML)触发器与何时使用约束感到迷惑。许多时候,如果没有正确应用这两个对象,就会造成问题
- 代码如下:CREATE FUNCTION dbo.f_splitstr( @str varchar(8000) )RETURNS
- 搞前端应该对语义化并不陌生,每天都在说语义化,可什么是语义化,语义化究竟能给我们带来什么好处?参加web标准交流会的时候我向各位同学提出了我