输入和按钮的高度不同，我无法匹配它们
这个问题涉及到前端开发中的样式布局问题。当输入框和按钮的高度不一致时，可以通过以下几种方式来解决：
- 使用CSS样式设置统一的高度：可以通过设置输入框和按钮的高度属性来使它们保持一致。例如，可以使用
height属性来设置它们的高度值，或者使用line-height属性来设置它们的行高，使其与高度相等。 - 使用CSS Flexbox布局：Flexbox是一种弹性盒子布局模型，可以方便地实现灵活的布局。通过将输入框和按钮放置在一个Flex容器中，并设置
align-items: center属性，可以使它们在垂直方向上居中对齐，从而解决高度不一致的问题。 - 使用CSS Grid布局：CSS Grid布局是一种二维网格布局模型，可以更精确地控制元素的位置和大小。通过将输入框和按钮放置在一个Grid容器中，并设置它们所在的网格行的高度属性，可以使它们的高度保持一致。
- 使用JavaScript动态调整高度：如果以上方法无法满足需求，可以使用JavaScript来动态调整输入框和按钮的高度。通过获取它们的高度值，并将较小的高度值应用到较大的元素上，可以使它们的高度保持一致。
总结起来，解决输入框和按钮高度不一致的问题可以通过CSS样式设置、Flexbox布局、Grid布局或JavaScript动态调整高度等方式来实现。具体选择哪种方式取决于具体的需求和项目情况。
（以上答案仅供参考，不涉及具体的腾讯云产品推荐）
相关·内容
我在这里看到很多人都有同样的问题，但他们的问题的解决方案对我来说都不起作用。我有一个div，里面有一个按钮和一个输入文本，它们的高度不匹配，即使我给它们设置了固定的px值。按钮总是有点“高”。这是我的超文本标记语言和CSS https://
浏览 28提问于2020-08-24得票数 1
回答已采纳
我有一个带有复选框和单选按钮的表单，我需要给它高度和垂直对齐到中间，以便与标签对齐(它可以有不同的行高度)
input[type="checkbox"],input[type="radio"]
浏览 4提问于2015-10-07得票数 0
在IE6/FF3中设置按钮的自定义高度(即使与默认高度相同)时，我偶然发现了最奇怪的行为。下面的代码应该演示，虽然两个按钮的高度相同，但由于某种隐含的原因，它们的填充是不同的，并且无法以任何深奥的方式进行控制：</div>
浏览 0提问于2009-09-09得票数 1
回答已采纳
2回答
我正在制作一个界面，我需要有以下设置: button - textarea - button。理想的标记： <span class="input-group-btn">
浏览 2提问于2014-02-05得票数 3
5回答
我对输入元素有问题：即使在那张图片中，他们的css是padding: 0;
他们还有我无法摆脱的微小差距。我不得不使用-4px的负值来使按钮保持在文本字段的附近。另外，在做进一步的样式设计时，我最终遇到了Firefox和Chrome之间的问题:提交按钮似乎没有相同的高
浏览 0提问于2011-07-02得票数 11
回答已采纳
我正在尝试使用OpenCV在python中创建一个TimeLapse创建器，并具有以下代码：import osvideo.release()
文件夹中有1,440张图片，但video.avi的大小只有有人能发现我代码中的任何缺陷，并给我任何帮助吗？
浏览 5提问于2013-06-27得票数 2
回答已采纳
我没有任何运气，我可以找到如何为借记卡/信用卡付款的PayPal输入框样式。与创建弹出窗口的paypal按钮不同，当您单击借记卡选项时，输入框将内联显示。输入框的默认样式会把我的设计搞砸，我想让它们变小，这样它们就更适合页面了(我读到，你不能让它们弹出，就像paypal的</
浏览 9提问于2020-09-11得票数 0
我有在代码中创建的按钮，它们的大小与屏幕大小相比是%，所以它们按照屏幕的比例改变它们的宽度和高度。 CAT.titleLabel.font=[UIFont fontWithName:@"Gill Sans" size:12];
CAT.titleLabel.nu
浏览 4提问于2014-10-04得票数 0
回答已采纳
我有一个我在雪豹下开发的数据表单，它在NSComboBox字段旁边有NSTextField框，这在雪豹下看起来很好，但现在在Lion中，它们的绘制略有不同。我还有一些带有边框按钮的NSComboBox字段，还有一些带有无序按钮的字段，它们也不匹配(尽管带边框的按钮NSComboBox看起来很接近NSTextField，尽管它也不
浏览 0提问于2011-08-10得票数 0
回答已采纳
我已经使用“跳转到页面”选项扩展了分页(Bootstrap样式)，但是一直难以获得页面列表的高度以匹配输入和提交按钮的高度。到目前为止，我无法记住所有我尝试过的东西，但是下面是最新的代码，它最接近我想要的内容。然而，列表高度为29 is，输入高度(
浏览 1提问于2017-07-31得票数 0
回答已采纳
3回答
我有个问题：
我有一个类A和一个类B，可以通过编程检查它们的实例对象，使它们在不同的数量上彼此相似或不同。例如，它们可能完全匹配，或者完全不同(即使类不同，它们仍然可以表示相同的信息并获得相同的分数)。现在，给出两个集合，一个是A，另一个是B，如果其中一个集合比另一个集合大，或者如果一些A或B太不同</
浏览 1提问于2009-03-04得票数 2
4回答
我使用下面的css创建按钮background-color:#333333;display:inline-block;:#FFFFFF;text-decoration:none;}
当应用于锚链接和输入时，我得到了不同的高度。是否有办法强制两个元素中<
浏览 3提问于2013-08-22得票数 0
回答已采纳
3回答
你好，我刚刚学习了HTML和CSS，最近我一直在玩，做了很多练习。在练习编写搜索栏代码时，我注意到了一些事情。我注意到，当我编码输入按钮的高度和输入搜索的高度完全相同时，搜索栏总是变得更高。如果搜索栏和按钮的高度是30px，那么你会认为它们在浏览器中的<em
浏览 0提问于2014-08-02得票数 1
输入类型为“Button”行高为17 is，但在css中为行高:20 is！重要；请看图片
请帮帮我
浏览 6提问于2014-03-02得票数 0
回答已采纳
我正在使用一个<table>来布局一个标准的HTML联系人表单。我们不讨论使用表的优点，因为HTML不应该是关于表示的，而应该是关于结构的(这就是为什么我认为它无论如何都是合理的)。尽管如此，以下是我使用的标记和CSS (由ASP.NET MVC生成)： <t
浏览 1提问于2012-08-08得票数 0
回答已采纳
使用TextBox输入数据，然后使用它们。例如，我有两个字段，一个是将插入高度的TextBox字段，另一个是用于选择性别的单选按钮。输入高度和性别，每当我按下新数据按钮时，将使用新数据与其他已输入的数据进行比较，并在页面中按性别显示平均高度，输入数据的历史记录，以及在页面中显示，我如何做到这一点？没有数据库可以
浏览 2提问于2019-12-09得票数 0
回答已采纳
我创建了这个JSFiddle ，如果您注意到按钮和输入高度是不同的，那么它们应该是相同的(40 be )。如果将6px添加到按钮的高度，尽管它们是相同的。我已经在Firefox和Google上试过了，结果都是一样的。
浏览 1提问于2015-08-19得票数 0
回答已采纳
我使用CSS将2<input>的高度设置为2em，但在Google中呈现的高度不同。在我的计算机中，使用Chrome的Dev工具，文本输入的高度正好是32像素，而按钮输入的高度是28.79999.像素。如何在不手动调整像素数量的情况下使它们相等？
浏览 2提问于2014-02-17得票数 2
回答已采纳
4回答
我想在EditText旁边放一个按钮，我想让它们的高度相匹配。
Go按钮与EditText字段的高度相同。我知道我可以将这两个视图都包装在一个父布局视图中，并将它们的高度都设置为fill_parent，这样就可以使它们匹配。但
浏览 6提问于2010-11-16得票数 60
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
