标签:
有如下两个input:
<form action="http://www.example.com/index/search" method="get"> <div> <input name="keyword" id="s" value="" size="23" type="text" /> <input src="/Public/img/search-button.jpg" value="search" type="image" /> </div> </form>
css代码:
.search { padding-top: 5px; } .search input{ vertical-align: top; margin:0; border:0; } .search #s { padding: 0 1px 4px 5px; background: url(‘search-bg.jpg‘) left top no-repeat; width: 110px; height: 28px; }
两个input之让有空隙,不是紧挨着的,而我要的就是将这个空隙去掉,找了很多种方法,以下是我尝试的方法:
经过了这三个尝试无果的情况下,快要临近崩溃的边缘了,最后群里的另一个朋友看到我贴出的代码, 要让两个input之间没有空隙,则要让两个input在同一行,不能使用换行。
我最后抱着一线希望再去尝试一下,将上面的html代码改至如下:
<form action="http://www.example.com/index/search" method="get"> <div> <input name="keyword" id="s" value="" size="23" type="text" /><input src="/Public/img/search-button.jpg" value="search" type="image" /> </div> </form>
结果,,,成了!!哈哈哈
标签:
原文地址:http://www.cnblogs.com/skylor/p/4757490.html