如何让input之间无空隙_html/css_WEB-ITnose
程序员文章站
2022-04-28 17:40:53
...
自己在做一张网站首页的时候,遇到了一个百思不得其解的问题,就是如何让相邻的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在同一行,不能使用换行。
推荐阅读
-
如何让input文本框和图片对齐_html/css_WEB-ITnose
-
如何让2个td之间没有边框?_html/css_WEB-ITnose
-
如何让input文本框和图片对齐_html/css_WEB-ITnose
-
如何让2个td之间没有边框?_html/css_WEB-ITnose
-
如何让input之间无空隙_html/css_WEB-ITnose
-
如何让HTML input总是显示一固定长度星号?_html/css_WEB-ITnose
-
如何让HTML input总是显示一固定长度星号?_html/css_WEB-ITnose
-
如何让input之间无空隙_html/css_WEB-ITnose