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

WBOY

Libérer： 2016-06-24 11:38:05

original

1622 Les gens l'ont consulté

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

html代码

<div class="search">    <input class="search-text" type="text">    <input class="search-btn" type="button" value="搜 索"></div>

Copier après la connexion

css代码

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

Copier après la connexion

页面的实际效果

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

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

Copier après la connexion

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

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

Étiquettes associées：

如何让input之间无空隙

source：php.cn

Article précédent：纯CSS技术实现可变高度的圆角矩形框-so easy_html/css_WEB-ITnose Article suivant：CSS 之！important_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur