如何在图像上设置垂直

我在设置垂直对齐图像时遇到了一些问题。但我想尽办法设置垂直对齐的形象，但它并没有为我工作:(如何在图像上设置垂直

这里是我的编码：

#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

如何在图像上设置垂直

回答

相关问题