界面表格数据对齐一般原则

来源:互联网 发布:传奇霸业数据汇总 编辑:程序博客网 时间:2024/05/01 08:34
这个本来没什么写的,但是最近发现新界入的一些新的界面开发人员表格数据随便对齐,所以还是贴出来。
数值:右对齐,如当前积分;
日期:居中,如出生日期;
固定长度或长度比较短字符串:居中,如省份,在线状态等等;
变长字符串:左对齐,如用户名称,用户地址;
可比较的字符:右对齐,如用户等级;
table {font-size: 12px;color: #000000;border-collapse:collapse;cellpadding:2;cellspacing:0;width: 100%; margin-top:0;margin-bottom:5px;border:1px solid #009170;border-top:3px solid #009170;}table tbody tr td{border:1px solid #1A9C7E;padding:2px;} 用户编号 用户名称 用户地址 所属省份 出生日期 当前积分 用户等级 是否在线 A001 张三 江西南昌高新大道103号 江西 1984-01-08 90201 ******* 在线 A002 刘在福   江西 1983-02-08 201 ***   A12001 李大基 江西503号 江西 1993-02-18 452332 ****** 在线 T01301 欧阳大坝 江西高新大道103号 江西 1981-09-02 23 **   R67 张三 哈尔滨105号 黑龙江 1985-12-23 3466 *** 在线