居中的div - 对齐中心，并设置并排侧

-1

对于在着陆页上，我可以通过将最大宽度和页边距设置为自动，而无论观看者的显示器尺寸的宽度如何，我都能够将三张照片对齐。

**下面是用于三张照片的CSS：**

.three-containers { 
max-width: 1080px; 
margin: auto; 
display: block; }

不过，我是不是能够并排设置下面的三张照片中央侧的部分（即它是如何作品部分和表格）。我尝试应用类似的代码，因为我做了三张照片 - 我为他们每个人设置了一个div（一个div用于如何工作，另一个用于表单）

div class =“two-texts”for the它是如何工作PART和另一个DIV CLASS =“两文”的组成部分 和CSS：

。二，文本{

max-width: 900px; 
margin: auto; 
display: block; 
clear:left; 
}

问题是现在的形式下对齐它如何工作的一部分，当我真的想与它如何工作并排部分（参见顶部的线框链接）。任何人都可以指出问题可能是什么？谢谢。

2014-06-27 Karenolio

欢迎来到StackOverflow！

在HTML中，一些元素默认为水平堆叠，一些垂直堆叠。 div s被设计为默认垂直堆叠，因为它们的display属性默认为block。试试下面的CSS样式，看看会发生什么三个div s的图像：

.three-containers > div { 
    display: inline-block; 
    max-width: 300px; 
}

（最大宽度是存在的，因为图像的这些div包含）

同样，为了使两个divs请水平堆叠，请尝试以下CSS：

#bodytext, .form { 
    display: inline-block; 
}

让我知道这是否有助于您走上正确的道路！

2014-06-27 02:38:28

回答