如何在圖像上設置垂直

我在設置垂直對齊圖像時遇到了一些問題。但我想盡辦法設置垂直對齊的形象，但它並沒有爲我工作:(如何在圖像上設置垂直

這裏是我的編碼：

#skill{ 
    position: relative; 
    transform: translateY(-50%); <---Error for css 

} 

<div id="skill"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
</div>

來源

2016-01-31 mosyahri2

試試這個：

#skill{  
    transform: rotate(45deg); 
    width: 200px; 
    height: 200px 
}

來源

2016-01-31 04:14:37

請解釋您的代碼如何提供問題的解決方案，這將有助於OP理解和應用您的代碼以及未來的搜索者。 – SnareChops

我錯誤地誤解了這個問題。我很抱歉 –

這並不是說你可能或可能沒有理解這個問題，而是你的答案是「試試這個：[code block]」。 **好**答案將解釋代碼如何回答問題。一個例子是「通過設置<一些設置>到該元素將<某些期望的行爲> ...」等。有一個詳細的解釋*和一個代碼示例的答案是高質量的答案，並幫助教授OP以及這個問題的未來訪問者導致這個問題的缺失知識。這是關於教學。對不起，沒有把以前的評論清楚。 – SnareChops

你可以試試這個：

#skill 
{ 
    position:relative; 
} 
#skill img 
{ 
    width:50px; 
    height: 50px; 
    position:absolute; 
    margin:auto; 
}

來源

2016-01-31 04:30:45

如何在圖像上設置垂直

回答

相關問題