css图片浮动后移动不上 |css动态效果教程

img{
float:left;
margin: 20px;
padding: 10px;
}

这种情况的原因是，浮动元素的高度被撑开，无法居中对齐，尤其是在一些比较复杂的排版结构中。解决这个问题可以使用CSS的vertical-align属性，通过设置图片的垂直对齐方式来实现图片的上下移动。

img{
float:left;
margin: 20px;
padding: 10px;
vertical-align:middle;
}

通过设置vertical-align属性为middle，可以让图片在浮动时保持垂直居中对齐，从而实现上下移动的效果。需要注意的是，vertical-align属性只对行内元素起作用，所以在设置时需要将图片设置为行内元素。

img{
display:inline-block;
margin: 20px;
padding: 10px;
vertical-align:middle;
}

以上代码是将图片设置为行内块级元素，通过设置display属性可以实现。这样，不仅可以保持图片在浮动时的垂直对齐，同时也可以设置图片的宽度和高度等属性。

综上所述，无法上下移动的浮动图片问题可以通过CSS的vertical-align属性解决。但是在设置时需要注意设置图片为行内元素或行内块级元素，才能达到预期效果。