Css 使2个图像垂直对齐
我想垂直对齐两个图像（高度不同但宽度相同），使它们都适合屏幕。 我可以把它们放在不同的分区。 是否居中。没关系。（他们必须安装屏幕） 我已经在这里读了一些关于这个问题的帖子，但是没有成功 我会用css解决这个问题，但我也可以使用javascript或jquery 任何帮助都将不胜感激 示例图像（图纸图像和蓝色带底）： 代码如下：Css 使2个图像垂直对齐,css,html,alignment,Css,Html,Alignment,我想垂直对齐两个图像（高度不同但宽度相同），使它们都适合屏幕。 我可以把它们放在不同的分区。 是否居中。没关系。（他们必须安装屏幕） 我已经在这里读了一些关于这个问题的帖子，但是没有成功 我会用css解决这个问题，但我也可以使用javascript或jquery 任何帮助都将不胜感激 示例图像（图纸图像和蓝色带底）： 代码如下： <html lang="en"> <head> <style> body { font: 24px Helvetica;
<html lang="en">
<head>
<style>
body {
font: 24px Helvetica;
background: #999999;
}
#main {
min-height: 800px;
margin: 0px;
padding: 0px;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
}
#main > article {
background-image: url("http://frisketti.altervista.org/img/sfondo.jpg");
-webkit-flex: 3 1 60%;
flex: 3 1 60%;
-webkit-order: 2;
order: 2;
}
footer {
display: block;
min-height: 100px;
background: #ffeebb;
background-image: url("http://frisketti.altervista.org/img/footer.jpg");
}
</style>
</head>
<body>
<div id='main'>
<article></article>
</div>
<footer></footer>
</body>
</html>
身体{
字体：24px Helvetica；
背景#999999；
}
#主要{
最小高度：800px；
边际：0px；
填充：0px；
显示：-webkit flex；
显示器：flex；
-webkit flex流：行；
柔性流：行；
}
#主要>文章{
背景图像：url（“http://frisketti.altervista.org/img/sfondo.jpg");
-webkit flex:3 1 60%；
弹性：31 60%；
-网络工具包订单：2份；
顺序：2；
}
页脚{
显示：块；
最小高度：100px；
背景:#ffeebb ;；
背景图像：url（“http://frisketti.altervista.org/img/footer.jpg");
}