去除input标签和span之间的间隙

郭宝

于 2019-10-03 11:47:51 发布

阅读量1.2k

点赞数

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/qq_35366269/article/details/101982733

版权

Web前端专栏收录该内容

282 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

在自定义搜索框时，input标签与span标签之间出现间隙，尝试多种方法未能解决。问题根源在于换行导致，通过将input和span写在同一行内，成功去除间隙。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

当我通过input+span标签自定义一个搜索框时，出现了一个莫名的间隙，而且还无法去除，具体代码如下：

 <div class="search">
                        <input type="text" placeholder="商品条码/简码">
                        <span class="search-button">搜索</span>
                        <span>上一页</span>
                        <span>2</span>
                        <span>/</span>
                        <span>17</span>
                        <span>下一页</span>
                    </div>

页面如下：