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圖像水平

回答

相關問題