<input>是否提行,为什么会导致文本和输入框之间的间距不一样?

来源:6-2 先来填用户名和密码 - 文本输入框、密码输入框

慕先生3257940

2023-06-08 15:54

http://img4.mukewang.com/648188580001bef311820586.jpg

如上图,如果我在“用户:”后面提行以后,输入框会自动离之前的文本有一个空格的间距。但是“密码:”这里是直接接着写,输入框就是紧贴着冒号的。

我还试过“密码:”后面打一个空格,然后同行写<input>代码,也会自然有一个空格。

所以想问下为啥<input>提行以后就会自动有一个空格位呢?有检查过“用户:”后面是没有任何手动输入的空格的。


写回答 关注

1回答

  • weixin_慕数据2104329
    2023-06-18 16:15:04

    换行的原因,我记得时因为换行导致的,在编译运行渲染到页面上这个过程中,会将换行的之间的距离视为空格,然后将这些空格再合并为一个空格(好像是一个空格),所以用户:和后面的输入框之间会有一个空格的距离。

    大概是这么个里,产生的原因我可能描述有点问题,但确实是因为换行导致的,会将换行的之间的距离视为若干的空格,然后将这些空格再合并为一个空格

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

查看课程

相似问题