居中的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

回答