css调整大小2图像水平

我卡在一段代码很基本，我想我一定不知道正确的语法。css调整大小2图像水平

我想显示并排2个图像侧（水平地所以X | X），并且它被自动调整取决于屏幕的宽度...

我的问题是屏幕，所述第二图像时宽度下降到第一个以下。我试图修复我的DIV Contener的高度，但第二个图像出来...你会知道如何解决这个问题吗？封闭了我目前的一段代码。

<div style="width:100%;max-height:150px;border:1px solid black;" > 
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/> 
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/> 
</div>

图片上的你的包装

来源

2012-08-17 Nicolas Roussel

使用position: relative;和width: 50%; float: left;

<div style="position: relative; float: left; width: 100%; border: solid 1px #000"> 
    <img src="yourPath.jpg" style="float: left; width:50%;"> 
    <img src="yourPath.jpg" style="float: left; width:50%;"> 
</div>

来源

2012-08-17 14:50:53

需求width: 50%;和float:left;左图像

继承人的jsfiddle吧：http://jsfiddle.net/vwMWn/18/

你的代码：

<div style="width:100%;max-height:150px;border:1px solid black;" > 
    <img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:50%; float:left"/> 
    <img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:50%;"/> 
</div>

来源

2012-08-17 14:51:54 Zac

css调整大小2图像水平

回答

相关问题