`
helloyesyes
  • 浏览: 1305459 次
  • 性别: 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 *** 在线
分享到:
评论

相关推荐

    使用 qtdesigner+PySide6 设计的 GUI 应用程序

    在本项目中,我们利用了Qt Designer和PySide6库来设计一款强大的GUI(图形用户界面)应用程序,专注于环境数据的可视化与分析。Qt Designer是一个直观的工具,允许非程序员和程序员快速创建用户友好的界面,而PySide...

    管理系统界面模板(静态HTML+CSS)3

    管理系统界面模板是构建后台应用界面的一种常见方法,尤其在快速原型设计或轻量级项目中。这个名为"管理系统界面模板(静态HTML+CSS)3"的资源提供了基础的静态页面结构和样式,适用于构建简单的管理系统的用户界面...

    选中表格后单击可对表格进行编辑

    在IT行业中,尤其是在数据分析、文档处理或网页设计等场景,表格是经常被使用的一种数据组织方式。"选中表格后单击可对表格进行编辑"这一功能是许多应用程序中的常见特性,它允许用户方便地对表格内容进行快速修改。...

    智慧气象html数据展示模版

    此外,模版可能还应用了平面设计原则,如对比、对齐、重复和接近性,以提高信息的可读性和易理解性。 "智慧气象"这一压缩包子文件的文件名称暗示了模版的核心是关于智慧气象服务的,可能包括各种气象参数的可视化,...

    asp.net编码规范

    7. **对齐方式**:文字标签右对齐,数字数据右对齐,纯文本数据左对齐,较短的文本可居中对齐。对于金额数值,需添加千位分隔符以增强可读性。 8. **特殊字符输入**:所有冒号必须在中文输入状态下键入,以避免全角...

    ASP-NET编码规范书.docx

    4. 页面布局:推荐使用div+css布局,以实现响应式设计,表格(Table)仅用于数据展示,而非页面布局。 5. 对齐规则:文字标签右对齐,数字右对齐,普通文字左对齐,较短内容可居中,金额显示时需添加千位分隔符,...

    ASP.NET规范.doc

    - 文字(标签)和较短的文字(数据)右对齐,数字(数据)、较长的文字和金额左对齐,其中金额需加上千位符,以增强数据的可读性和专业性。 - 冒号必须在中文输入状态下键入,以符合中文排版规范,增强文档的专业性...

    网站规划与网页设计---表格与布局.ppt

    表格还可以通过设置各种属性来定制外观,例如`width`和`height`控制表格尺寸,`border`定义边框粗细,`cellspacing`和`cellpadding`调整单元格间的距离,`align`指定表格对齐方式,`background`或`bgcolor`设定背景...

    ASP.NET编程规范

    - datagrid的数据显示规则:根据数据类型调整对齐方式,如短文本居中,长文本左对齐,日期和数字左对齐,金额左对齐并添加千位符。 - 控件MaxLength属性应根据数据结构的要求进行设置。 - 控件类型与数据库字段...

    Excel的逻辑思维ppt课件.ppt

    在创建和优化电子表格时,需要遵循一定的逻辑原则,以提高用户体验和数据管理的便捷性。 首先,关于【视窗】的设计,应注重基础数据的定义,避免过多地合并单元格,这有助于保持数据的清晰和整洁。格式设置应当简洁...

    出名的ui设计公司的工作流程是什么帮助你轻松掌握.pdf

    出名的 UI 设计的工作流程包括确认目标用户、采集目标用户的习惯交互、提示和引导用户、布局合理化原则、菜单设计、按钮设计、功能设计、排版设计、表格数据列表设计、滚动条设计、页面导航设计和信息提示窗口设计等...

    JAVA课程期末课程设计基于java swing的教务管理系统源码

    6. **GUI设计原则**:了解用户体验和界面设计的基本原则,如对齐、色彩搭配、响应速度等,以提高用户的使用体验。 7. **多线程**:在教务管理系统中,可能需要实现多线程,例如在后台处理大量数据时,避免阻塞主线程...

    SPSS统计分析软件入门教程PPT课件.pptx

    数据录入遵循以下原则: 1. **观察对象与记录的关系**:每个观察对象的数据应独占一行,避免在同一行内混杂不同对象的数据。 2. **变量与列的对应**:每个测量指标或影响因素应位于单独一列,确保所有相关数据都在...

    aspnet编码规范

    界面设计应遵循风格统一的原则。 - **2.3 B/S 结构开发原则** 使用框架/模板来提高开发效率和统一性。 - **2.4 页面使用表格(Table)进行格式设置** 外层表格宽度设为778像素,居中显示,边框为0。 - **2.5...

    spreadsheet api说明文档(pdf)

    - **安全最佳实践**:遵循最小权限原则,限制用户对敏感数据的操作权限。 #### 七、社区与支持 - **官方文档**:查阅最新版本的官方文档获取最详尽的功能介绍和技术指导。 - **论坛交流**:加入 Actuate 论坛或 ...

    DELPHI的多列组合框控件V1.0(有源码)

    这个开源项目提供了多列组合框的功能,允许开发者在下拉列表中展示多列数据,这对于诸如表格数据的展示非常有用。控件的开发基于Delphi 7,虽然Delphi版本较旧,但其核心理念和设计原则仍然适用于现代的Delphi版本,...

    2021-2022计算机二级等级考试试题及答案No.17366.docx

    Excel 数据对齐方式 - **单元格对齐**:在Excel中,默认情况下,数字类型的值会自动右对齐,以便于查看和处理数字数据。 - **正确答案**:根据题意,正确答案为 “B.右对齐”。 ### 6. 关系数据库的基本结构 - *...

    demo2.0_公墓原型优化建议201409011

    在“demo2.0_公墓原型优化建议201409011”中,我们可以看到一些关于网页设计和用户体验的优化建议,主要集中在数据展示、布局一致性以及交互设计上。以下是对这些知识点的详细说明: 1. **模拟真实数据**: 在页面...

    Android应用源码之13.Table_Layout学习-IT计算机-毕业设计.zip

    这个"Android应用源码之13.Table_Layout学习"的压缩包资源,显然是为了帮助学习者深入理解如何在实际项目中运用TableLayout进行界面构建,特别是对于那些正在进行毕业设计的计算机科学与技术专业的学生来说,这是一...

Global site tag (gtag.js) - Google Analytics