`
helloyesyes
  • 浏览: 1271651 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

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

CSS 
阅读更多
这个本来没什么写的,但是最近发现新界入的一些新的界面开发人员表格数据随便对齐,所以还是贴出来。
数值:右对齐,如当前积分;
日期:居中,如出生日期;
固定长度或长度比较短字符串:居中,如省份,在线状态等等;
变长字符串:左对齐,如用户名称,用户地址;
可比较的字符:右对齐,如用户等级;
<style type="text/css"> 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; }</style>
用户编号 用户名称 用户地址 所属省份 出生日期 当前积分 用户等级 是否在线
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 *** 在线
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics