두 div를 나란히 정렬하는 방법

두 코드를 나란히 정렬하려면 두 div를 얻으려고합니다. div 경계를 볼 수 있도록 테두리를 둡니다. 누구든지 크게 도움이 될 수 있다면 감사하겠습니다.두 div를 나란히 정렬하는 방법

CODE :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Untitled 1</title> 
</head> 

<body> 
<div id="picturecontainer1" > 
<img alt="logo" height="132" src="images/ClevelandLogo.gif" width="126"> 
</div> 
<div id="picturecontainer2"> 
<img alt="" height="132" src="da.png" width="1000" class="auto-style13"> 
</div> 

</body>

출처

2013-08-12 Rob

플로트, 바로 떠, 당신은 당신의 대답을 가지고 ... –

국경은 어디입니까? – Simone

참조 JSfiddle

코드 :

<div id="picturecontainer1" > 
<img alt="logo" height="132" src="images/ClevelandLogo.gif" width="126"> 
</div> 
<div id="picturecontainer2"> 
<img alt="" height="132" src="da.png" width="1000" class="auto-style13"> 
</div>

는 CSS : 왼쪽

div{ 
display:table-cell; 
}

출처

2013-08-12 08:30:02

은 그냥 CSS를이 추가 :

#picturecontainer1{ 
    float: left; 
}

이 방법을 당신의 picturecontainer1 그래서 당신의 picturecontainer2이 picturecontainer1는 IF의 측면을 추가 정렬됩니다 떠 공간이 충분히 넓습니다. 그렇지 않으면 div 아래에 있습니다.

Jsfidde :

http://jsfiddle.net/uAK4Q/1/

출처

2013-08-12 08:29:12

두 div를 나란히 정렬하는 방법

답변

관련 문제