Html 让两个div并排对齐_Html - Fatal编程技术网

Html 让两个div并排对齐

html

Html 让两个div并排对齐,html,Html,我试图让下面代码中的两个div并排对齐，我已经在上面加上了边框，这样你就可以看到div的边界了。如果有人能帮忙，我将不胜感激代码： <!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"> <

我试图让下面代码中的两个div并排对齐，我已经在上面加上了边框，这样你就可以看到div的边界了。如果有人能帮忙，我将不胜感激

代码：

<!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>


无标题1

只需在css中添加以下内容：

#picturecontainer1{
    float: left;
}

这样，您的

picturecontainer1

是浮动的，因此您的

picturecontainer2

将对齐。如果空间足够宽，请添加

picturecontainer1的侧面，否则它将位于div下方
Jsfidde：
请参见
代码：
<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>

向左浮动，向右浮动，你得到答案了…边界在哪里？
 div{
display:table-cell;
}