2-1文本框的宽和按钮总长一致的为何浏览器显示不对齐

文本框的宽和按钮总长一致的为何浏览器显示不对齐还需要自己微调？

慕虎5485268 2020-09-13

源自：案例：仿计算器 2-1 计算器面板的实现

28

收起

3回答

好帮手慕小尤回答被采纳获得+3积分 2020-09-16 17:27:56

同学你好，请同学查看在HTML中每个input标签之间是否存在回车，如果存在，则在浏览器解析时，会解析为一个空格，如下图所示：

导致没有出现同学想要的效果，同学可去除回车试一下。如下所示：

祝学习愉快！

好帮手慕小尤 2020-09-15 09:38:59

同学你好，老师反馈的图是调整过文本框宽度的，所以同学查看的宽度不一致，如下所示：当不调整文本框的宽度，则div3的宽度与文本框的宽度是一致的。

注：老师使用的是源代码，同学也可以使用源代码进行测试。

祝学习愉快！

提问者慕虎5485268 #1

比如文本框长度设置为：(1个按钮宽度+margin-right)*3+1个按钮宽度。这时应该能看到的效果是文本框的边是第个按钮边是对齐，但实现不是这样

2020-09-16 15:15:01

好帮手慕小尤 2020-09-14 11:47:38

同学你好，div3的宽度与文本框的宽度是一致的，当剩余的宽度不足一个按钮存放时，就会自动换行，所以导致按钮与文本框没有对齐。如下图所示：

祝学习愉快！

提问者慕虎5485268 #1

你发的图片中div3的宽度和文本视图上不一致啊，蓝色框明显比文本框宽，

2020-09-14 22:01:40

相似问题

上传按钮和输入框长度不一样，怎么对齐？

为啥的代码，浏览器里啥也不显示

老师，这个浏览器的内容既然是在手机显示内，他的宽高不是小于手机浏览器的宽高吗？大于是根据什么来看的

文本框无法自适应浏览器

为什么浏览器设置了缩放比例会对页面效果产生结果？

登录后可查看更多问答，登录/注册

java工程师2020版

参与学习人
提交作业 9393 份
解答问题 16556 个

综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪

本课精华内容

问答作业

安装了MySQL 之后有时候自己会跳出来个黑窗口是为什么呢？

79 1

什么时候用List中的ArrayList呢，什么时候用HashSet，什么时候应该用HashMap

81 1

创建字符串的过程理解

62 1

如何干净的卸载数据库

134 1

请教一下没太懂

48 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载