2

我试图让以下代码中的两个 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>

4

2 回答 2

0

只需将其添加到您的 CSS 中：

#picturecontainer1{
    float: left;
}

这样你picturecontainer1是浮动的，所以如果空间足够宽，你picturecontainer2将对齐添加你的一侧picturecontainer1，否则它将在 div 下方。

杰斯菲德：

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

于 2013-08-12T08:29:12.113 回答
0

见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-12T08:30:02.890 回答