如何在HTML中将2个图像彼此相邻对齐

Question

标题基本上说明了我的问题。我基本上希望彼此相邻的两个图像对齐，一个在左边，一个在右边;我只想使用<img src>，但我希望正确完成对齐。我一直在四处寻找，但我似乎无法找到与我的搜索相关的任何内容。

此外，如果有一种方法可以显示黑白图像，并悬停在上面;它显示正确的图像（颜色） - 只是为了给它一个效果？

Answer 1

关于对齐2个图像，您可以尝试在CSS中应用浮动属性，如：

.image {
float:left;
}

Answer 2

小提琴：http://jsfiddle.net/5ajFK/

<img src>包裹在一个范围内，位于absolute。黑白效果可以使用CSS滤镜实现，当鼠标放在图像上时会激活。

$('img').mouseenter(function(){
    $(this).addClass('desaturate');    
});
$('img').mouseleave(function(){
    $(this).removeClass('desaturate');    
});

b＆amp; w效果的CSS：

img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}