中心垂直和水平一個div其它輸入和申報單

我已經做了這幾個搜索，它讓我瘋狂：中心垂直和水平一個div其它輸入和申報單

我需要做文本「CENTER &中旬，這」爲中心

enter image description here

代碼：的textarea下方和上方的.input這樣底部的區域http://jsfiddle.net/qhoc/zqYUJ/2/

現在看起來它是input1底部，input

條件之間的中間對齊：

我們知道.input1 input高度30px
我寧願不指定高度textarea，但如果我們必須這樣做，那不太理想，但是可以。
.input高度和寬度已在代碼中指定。
我也不喜歡使用jQuery。我不喜歡「硬編碼」像素位置，因爲稍後，textarea高度可能會因jQuery中的文本數量而改變。

幫助將被讚賞！

來源

2013-01-25 HP.

發表您期望的結果模擬 – Sowmya

這個怎麼樣？ http://jsfiddle.net/YsAuK/ – Antony

我更新了想要的圖片 –

嘗試使用dispaly:table-cell

.input { 
    height:300px; 
    width: 400px; 
    border: 1px solid black; display:table 
} 
.input1 input { 
    width: 100%; 
    height: 30px;  
} 
.input2 textarea { 
    width: 100%;  
} 
.input3 { 
    width: 100%; 
    height:100%; display:table-row; 
    text-align:center;  
} 
.input3 div { 
    display:table-cell; 
    vertical-align:middle; 
    margin:auto 0 
}

DEMO

來源

2013-01-25 09:15:01 Sowmya

即使當我更改'textarea'大小時，它也可以很好地工作。謝謝！！！ - > http://jsfiddle.net/qhoc/zqYUJ/48/ –

@HP。最熱門的地方 – Sowmya

只要改變你的'.input3 div'樣式。它可以幫助...

.input3 div { 
    text-align: center; 
    background: red; 
    top: 50%; 
    margin: 80px; 
}

來源

2013-01-25 09:06:29

[請不要鏈接到W3Schools]（http://w3fools.com/） – Bojangles

先看看您在更新小提琴：剛剛成立left和top Fiddle

來源

2013-01-25 09:06:41

這一個是安東尼的，它仍然不是真正的垂直中間。 –

我仍在努力。由於紅色背景中的文字發生更改，因此這不起作用。 – Antony

檢查更新小提琴...！我以爲你想在你的中心主div –

在你的情況應該是：

top: 50%; 
left:27%;

http://jsfiddle.net/zqYUJ/43/embedded/result/

來源

2013-01-25 09:17:17 devWaleed

中心垂直和水平一個div其它輸入和申報單

回答

相關問題