引導IMG高度：自動屬性將覆蓋顯式高度

Question

有一段時間，我避免升級我的引導，薩斯寶石在我的Ruby項目，因爲一個單一的變化：

height: auto; 

img元素裏面。

此屬性似乎覆蓋顯式高度屬性。

所以我有一個圖像即寬度1，高度32和我使用它作爲這樣：

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

的height: auto;似乎迫使圖像顯示爲15×480（32×15 = 480） 。

我試圖通過在我的HTML的頭部添加內嵌樣式來重新定義img元素（例如img { }），但這似乎沒有幫助。

我不確定適當的解決方案是什麼。我在我的網站周圍使用空白圖像來創建其他元素之間的特定空間。我可能可以用一些其他類型的元素來做到這一點，比如div或跨度？

Answer 1

使用margin怎麼樣？

可以

例如：

.spacerdiv{ 

height:1px; 
width:15px; 
} 

添加DIV在HTML和這個類定義他們。 但這是非常糟糕的做法。添加冗餘元素DOM

甚至更​​好的只是定義margin

你能做到面向對象和定義喜歡的東西：

.margin_left_part_of_site{ 
margin: 5px 15px; 
} 

您可以將此類，然後添加到必須有這些所有的元素屬性。

jsfiddle示例將允許進一​​步的幫助。

Answer 2

我想出的解決方案是使用div。我現在使用的div如：

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