如何在图像上设置垂直

Question

我在垂直对齐时设置图像有些问题。但我尝试了所有设置垂直对齐的图像，但它对我不起作用：（

这是我的编码：

#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>

Answer 1

试试这个：

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

Answer 2

你可以试试这个：

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