Q

浮法div垂直對齊的div

2012-06-10 190 views -2 likes

-2

可能重複：
Best practice vertical-align center content on div 浮法div垂直對齊的div

我如何使用相同的CSS兩個正方形的垂直居中對齊。內容。

感謝

2012-06-10 Ricardo Rodrigues

+2

你問同樣的位置：http://stackoverflow.com/questions/10968726/best-練習垂直對齊中心content-on-div – floorish

+0

我不明白什麼是預期的結果... – jorgebg

+0

我想vertical-align .content，但因爲我添加float：left，停止工作 –

A

回答

0

style='vertical-align:middle' ..

2012-06-10 14:36:06 nimrod

+0

檢查示例，它在沒有FLOAT的情況下工作，但想知道如何用Float做到這一點。 –

+0

mm .. margin-top？檢查出來 – nimrod

+0

但是，然後是不適用於div.content –

0

你申請display table-cell到錯誤的元素。你必須將它們包裝在一個容器中，並將display: table cell應用於該容器。檢查我的例子 - >http://jsfiddle.net/Sha6m/10/

2012-06-10 14:58:35 banzomaikaka

+0

一般的CSS謝謝，但我想div.content垂直中心不是紅色正方形。 –

+0

@RicardoRodrigues是不是紅色正方形是.content？呃...可能是你想檢查你的問題： -/ – Edditoria

+0

。內容爲兩個正方形 - >它說在問題垂直對齊。內容爲兩個正方形 –

1

下面是解決方案 - >http://jsfiddle.net/Sha6m/12/。

您需要添加display: table-cell;到內部。內容，設置他們垂直對齊，中間（vertical-align: middle;），並給他們同樣的height及其父.area（100％的寬度和高度的width遺憾的是不在這裏工作，所以當你改變.area的高度和寬度時，你也必須爲.content div做這件事）。

2012-06-10 15:17:45 banzomaikaka

0

當你長了一個固定的高度我想補充一個line-height: 100px;和刪除您vertical-align和display

jsfiddle modification

2012-06-10 15:49:48

相關問題