最新下载
热门教程
- 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 指定宽度,代码也更简洁。
相关文章
- 诛仙2仙人指路怎么完成 仙人指路奇遇攻略 09-07
- 多重人生扫描仪怎么获取 扫描仪作用介绍 09-07
- 多重人生独自回地球会发生什么 剧情走向一览 09-07
- 诛仙2异兽冰夷怎么触发 异兽冰夷奇遇完成方法 09-07
- 原神遥遥同旅第五关怎么通关-原神遥遥同旅活动第五关攻略 09-07
- 禁闭求生2隐藏法杖热浪获取攻略-禁闭求生2隐藏法杖热浪怎么获取 09-07