删除<input type =“ image”>周围的多余空白

Question

这是我的代码

#noOfItems{
   background-color: red;
   color: white;
   float: right;
   padding: 5px;
   margin-right: 10px;
   border-radius: 20px;
}
#viewCart{
   float: right;
   display: block;
   padding: none;
   outline: 1px solid blue;
}

<span id="noOfItems"></span>
<input type="image" id="viewCart" src="images/cart.png">

我尝试将padding设置为none，将vertical-align设置为middle，但是<input type="image">的左侧和右侧仍然有空白。图片本身没有空白。

Answer 1

在viewcart ID中添加以下元素：

浮动：左；正确：0；最高：0;位置：绝对；填充：无；

它将删除多余的空格。