美文网首页
输入框标签对齐方式的选择

输入框标签对齐方式的选择

作者: 天真啊 | 来源:发表于2018-11-15 20:49 被阅读0次

顶部对齐

  • 适用:水平方向空间拮据的移动端长表单
  • 优点:易视觉扫描,易理解,兼容了不同长度的标签;缺点:增加了垂直方向的空间

居内对齐

  • 适用:表单项目较少,或用户对该表单较熟悉时(比如登录、注册)
  • 优点:省略了表单标签,节省了空间的同时,提升了浏览效率

左对齐

  • 适用:表单标签长度基本一致的情况
  • 优点:可读性、美观度较高,同时保证了视觉扫描的快捷;缺点:标签长度差异较大时不适合

右对齐

  • 适用:表单标签长短差异较大时
  • 优点:易视觉扫描;缺点:可读性、美观度低,当标签长度过长时,浏览表单较困难

关键词总结

  • 顶部对齐:移动端
  • 居内对齐:输入项少,常见,熟悉
  • 左对齐:标签长度基本一致
  • 右对齐:标签长度差异较大

以上内容整理总结自个人平时工作,并参考了网络上的一些文章,仅作为个人学习笔记使用。如有错误,欢迎指正啊,非常感谢~感谢所有分享想法与经验的人啊~

相关文章

  • 输入框标签对齐方式的选择

    顶部对齐 适用:水平方向空间拮据的移动端长表单 优点:易视觉扫描,易理解,兼容了不同长度的标签;缺点:增加了垂直方...

  • 【组件】输入框-标签的对齐方式

    常见输入框标签对齐方式 1.顶部对齐:对标签规则性要求低,适合长标签或长度差异大的标签(但长标签首先应尽可能简练)...

  • CSS水平居中

    水平居中的理解 text-align:center; 内容对齐方式,不是子元素(标签)对齐方式 先...

  • input标签对齐方式

    直入主题吧,直接写input标签去做对齐,是很难对齐,所以之前一直都是用table表格去对齐,这个大家应该都知道(...

  • iOS swift 标签选择器 支持居中对齐,左对齐,右对齐

    iOS swift 标签选择器 支持居中对齐,左对齐,右对齐 文章掘金地址:https://juejin.cn/p...

  • HTML表单标签

    表单标签 表单所有数据均保存在 内。action: 提交的地址method:请求方式 输入框标签 ...

  • 单词

    align 对齐方式 (文本标签属性) left 左 center 中 right 右 widht 宽度(img标...

  • 4.5 单元格内容的对齐方式 [Excel教程]

    1. 本节课将为您演示单元格的对齐方式。首先点击选择标题单元格。 2. 然后在[对齐方式]命令组中,点击居中对齐按...

  • Bootstrap导航和导航条

    导航 基本nav组件不包含任何.active状态 直接用nav标签或ul标签 更改导航的水平对齐方式,例如为中心....

  • 文字如何居中,居左,居右?

    1-功能标签有: left 左对齐 center 居中对齐 right 右对齐 2-使用方法 在head标签包裹内...

网友评论

      本文标题:输入框标签对齐方式的选择

      本文链接:https://www.haomeiwen.com/subject/jfeufqtx.html