Css 引导img高度：自动属性覆盖显式高度

有一段时间，我在ruby项目中避免升级我的引导sass gem，因为有一个变化：

height: auto;

在img元素内部

此属性似乎覆盖显式高度属性

因此，我有一个宽度为1，高度为32的图像，我这样使用它：

<img height="1" width="15" src="/assets/spc.png" alt="">

高度：自动似乎强制图像显示为15 x 480（32 x 15=480）

我试图通过在HTML的头部添加内嵌样式来重新定义img元素（例如
img{}
），但这似乎没有帮助

我不确定什么是合适的解决办法。我在我的站点周围使用空白图像在其他元素之间创建特定的空间。我可能可以用其他类型的元素来实现这一点，比如div或span？
使用
边距如何

例如，您可以：

.spacerdiv{

height:1px;
width:15px;
}

在html中添加div并为其定义此类。
但这是非常糟糕的做法。向DOM添加冗余元素

或者最好只定义
margin

您可以面向对象执行此操作，并定义以下内容：

.margin_left_part_of_site{
margin: 5px 15px;
}

然后可以将此类添加到必须具有这些属性的每个元素中

JSFIDLE示例将提供进一步的帮助。
我提出的解决方案是使用divs。我现在使用div，例如：

.login-spc {
  display: inline-block;
  height:40px;
  width:5px;
  vertical-align: middle;  
}

我用另一种方式问了这个问题：