最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML实现表单元素对齐的例子
时间：2022-11-14 22:03:46 编辑：袖梨 来源：一聚教程网
网页里，常见如下的表单代码：
通常，我们想达到下面这种排版效果：
邮箱地址：
密码：
Bootstrap 里是这么写1：
代码中用到了 grid，然后两个 label 设定同样的宽度，并且 label 内的文本右对齐。
但如果不考虑移动端的情况的话，我觉得可以这样写：
label 与 input 都是 inline 元素，我在它们的包含块上设定右对齐，这样不需要给 label 指定宽度，代码也更简洁。
相关文章
- 无限暖暖神秘作者任务怎么做 神秘作者任务流程攻略 09-18
- 如鸢董奉怎么玩 董奉玩法攻略 09-18
- 嘟嘟脸恶作剧活泼队怎么搭配 活泼队搭配推荐 09-18
- 如鸢曹植值得抽吗 曹植抽取建议 09-18
- 如鸢主线9-13王允低练度怎么过 主线9-13王允低练度过关攻略 09-18
- 嘟嘟脸恶作剧薇尔薇特角色如何 09-18