HTML|CSS : Space between input buttons

标签 html css

我有一个问题,我在这两个按钮之间有一个空格。

代码如下:

<input id="NeedBtn" class="PostBtn" type="button" />
<input id="ProvBtn" class="PostBtn" type="button" />

.PostBtn
{
   background: url(../Images/Buttons/PostButtonF.png) no-repeat;
   width: 50px;
   height: 28px;
   border: none;
   margin: 0;
   padding: 0;
}
#NeedBtn
{
   background-position: 0 0;
}
#ProvBtn
{
   background-position: -50px 0;
}

如何删除该空格?

浏览器: 火狐 3.5

IE8

最佳答案

两者之间的换行<input> s 在页面上的它们之间创建一个空格。你必须删除换行符,或者使用这个技巧:

<input id="NeedBtn" class="PostBtn" type="button" /><!--
--><input id="ProvBtn" class="PostBtn" type="button" />

关于HTML|CSS : Space between input buttons,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2095886/

相关文章:

jquery - 根据父 div 宽度/高度调整图像的 100% 高度或宽度

php - 使用 functions.php 将 Bootstrap 排队到 Wordpress

javascript - 当我将鼠标悬停在按钮的边缘时,如何让我所有的栏都变成黑色?

javascript - 如何在 anchor 元素内动态居中图像?

javascript - 嵌套 ng-repeat 的问题

html - 标题菜单未固定在 Agency - Start Bootstrap 主题中

javascript - 显示另一个元素(类)时隐藏 .innerHTML :none;

javascript - 如何迭代包含对象的数组 - javascript

html - CSS Sidebar 与 Navbar 重叠,无法让 div 堆叠

html - 如何在展开搜索栏的同时隐藏其他元素?