清风细雨楼

CSS控制表格文字样式的研究
网页制作 2024/12/23 佚名
3 1
清风细雨楼 Design By www.eepep.com

即使在DIV满天飞的今天，Table在网页的布局中还是少不了的，因为当需要输出数据时，Table布局远远比DIV布局有优势，而且同样的我们可以通过CSS来控制表格样式。要知道WEB标准并非是通篇的DIV CSS，而是倡导采用更合理的语义标签来进行布局。
文字的对齐方式一直是排版的重中之重，特别是对于数据显示来说，如何才能让众多的数据的可读性更强可识别性更高呢？
先来看表格一的文字对齐，这无疑是最失败的对齐方式。表格标题<th />标签内容默认是居中对齐的，可是当把<td />标签的内容也设为居中对齐时，无疑给数据的可读性带来了很大的困扰。因为每当从上一行数据看到下一行数据时我们的视线不得不转动来扫遍整个表格，增加了阅读的负担与时间；
CSS控制表格文字样式的研究

这种对齐方式是Table完全默认的，<th />标签内容居中对齐，<td />标签内容左对齐，似乎也完全合情合理，可是如下图中所示，当其中一条数据很长但其它数据都很短时，这样子的易识别性依然不高。当其中某一条数据很长时，表格标题将离数据短的那个内容很远，同样也是增加了阅读的负担与时间；
CSS控制表格文字样式的研究
通过手工加入样式，把<th />标签的对齐方式改为左对齐，与<td />标签的默认对齐方式一样，整个表格看上去整齐一致，可读性与可识别性都得到了提高。
CSS控制表格文字样式的研究
<th />标签里的内容与注册表单或是留言表单里的说明文字是一样的用途，起的是说明或是归类的作用。这也就是为什么在很多的注册表单还有留言表单里用的都是这种对齐方式。
试想一下，如果下面这个留言表单里的说明文字都居中对齐，那会是个什么样子？
CSS控制表格文字样式的研究
清风细雨楼 Design By www.eepep.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
清风细雨楼 Design By www.eepep.com
www.eepep.com 清风细雨楼
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
清风细雨楼 Design By www.eepep.com