站长网 语言 搜索框和按钮有间距的问题怎样实现对齐

搜索框和按钮有间距的问题怎样实现对齐

搜索框和按钮有间距的问题怎样实现对齐

搜索框和按钮有间距的问题怎样实现对齐?一般我们见得到的搜索框和搜索按钮之间是没有间隙的,而我们尽管设置了搜索框和button的margin值和padding值各为0,但还是不能实现重合对齐的情况要怎么做呢?下面给大家分享一个解决方法。

设置他俩的父元素的font-size为0就行,因为父元素的文本内容有个默认的font-size使得他俩的间距始终不能完全重合,所以设置font-size之后就完美解决,

但是由于标签属性可以继承,还要注意子标签中的文本内容有没有受到影响,如有影响自然是另外设置。

在Chrome的控制台修改font-size的值时发现只要不为0,俩框就会分开到一个固定距离,无论值有多大都不变。

以上就是关于搜索框和按钮有间距实现重合对齐的解决方法了,需要的朋友可以参考,希望对大家有帮助。

本文来自网络,不代表站长网立场,转载请注明出处:https://www.tzzz.com.cn/html/biancheng/yuyan/2024/0512/44537.html

作者: dawei

【声明】:站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。
联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部