PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

如何让input之间无空隙_html/css_WEB-ITnose

原创
2016-06-24 11:38:05 1288浏览

自己在做一张网站首页的时候,遇到了一个百思不得其解的问题,就是如何让相邻的input之间没有空隙?

html代码

css代码

.header-search .search .search-text {  width: 360px;  height: 35px;}.header-search .search .search-btn {  width: 69px;  height: 35px;  background: #ff8c00;}

页面的实际效果

文本框和按钮框之间的空隙在没有解决之前尝试了一些解决方法:

 input {     margin: 0;     padding: 0;      border: 0;    }   

这个方法.....呵呵然并卵居然没效果!!

最后通过http://www.ft-love.com/fix-input-space-input.html 这篇文章获得解决方案: 要让两个input之间没有空隙,则要让两个input在同一行,不能使用换行

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。