如何讓三個排列橫向排列而不是垂直排列。 wordpress

我正在研究CSS中的一些代碼，當我去看看我所做的更改時，div現在垂直排列，而不是水平排列。我正在嘗試使三個div在頁腳中從左到右排列。我不確定爲什麼div容器可以移動。如何讓三個排列橫向排列而不是垂直排列。 wordpress

任何幫助將會很棒！

這裏是鏈接到我的測試頁 - http://jayclarkephotography.com/

來源

2013-07-19 Andrew Nussear

嘗試增加float:left每個div標籤的風格和降低其寬度，使他們能夠一起排隊。否則他們將垂直對齊。

來源

2013-07-19 15:51:27 Arda

在你的CSS

你將需要添加以下內容：

.footer_box{float:left; width:352px;}

上述規定的寬度是你的div容器寬度（1056像素）除以3，你可能需要，如果你有填充等，以降低這一數字

來源

2013-07-19 15:59:56 danyo

#container {height: 100%; width:100%; font-size:0;} 
#left, #middle, #right {display: inline-block;zoom: 1; vertical-align:top;font-size: 12px;} 
#left{width: 25%; background: blue;} 
#middle{width: 50%; background: green;} 
#right{width: 25%; background: yellow;}

將三個div（左，中，右）放在容器div中，並在所有容器上應用上述樣式。希望這對你有所幫助:)

來源

2013-07-20 05:35:15 Aaron

如何讓三個排列橫向排列而不是垂直排列。 wordpress

回答

相關問題