界面表格数据对齐一般原则
2008-06-26 16:50
218 查看
这个本来没什么写的,但是最近发现新界入的一些新的界面开发人员表格数据随便对齐,所以还是贴出来。
数值:右对齐,如当前积分;
日期:居中,如出生日期;
固定长度或长度比较短字符串:居中,如省份,在线状态等等;
变长字符串:左对齐,如用户名称,用户地址;
可比较的字符:右对齐,如用户等级;
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;
}
数值:右对齐,如当前积分;
日期:居中,如出生日期;
固定长度或长度比较短字符串:居中,如省份,在线状态等等;
变长字符串:左对齐,如用户名称,用户地址;
可比较的字符:右对齐,如用户等级;
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 | *** | 在线 |
相关文章推荐
- 界面表格数据对齐一般原则
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 结构体数据对齐原则的一些补充
- erlang shell表格数据对齐
- wxpython生成的一个简单数据表格操作界面
- 一般情况的界面搭建和数据的填充
- 【转】彻底搞清计算结构体大小和数据对齐原则
- PHPExcel-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 黄聪:phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
- SharedPreference 存储小量数据,一般首次启动显示引导界面就用这个。
- 数据对齐原则
- Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 彻底搞清计算结构体大小和数据对齐原则
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 登陆验证姓名密码,自动登录 ,get获取服务器数据,显示表格形式到界面