如何在另一個DIV內創建DIV？

我試圖在div內創建DIV。但是我正面臨着將div對中的問題。我跟着 How to horizontally center a <div> in another <div>?如何在另一個DIV內創建DIV？

使用上述問題中提出的方法，DIV水平居中但不垂直居中。 http://jsbin.com/oyemu4

目前我使用margin-top：20％。請建議一些其他方式垂直居中。另一個問題，我們可以有百分比的不透明度嗎？

2010-09-26 Rakesh Juyal

您可以使用css here找到更多關於垂直居中的信息。

關於你的不透明問題，這總是以百分比表示。

opacity: 0.90; /* This is 90% */

來源

2010-09-26 05:04:22 tom

對於不透明性，支持跨瀏覽

filter: alpha(opacity=70); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
    -moz-opacity: 0.70; 
    opacity:0.7;

對於垂直取向替代

div{ 
height:200px; 
line-height:200px; 
/*dont need vertical alignment in this case*/ 
}

來源

2010-09-26 05:10:00

是不是總是用百分比指定不透明度？當你寫出類似opacity: 0.6的東西時，你所說的是「使這60％不透明」。

在CSS中垂直居中是一種痛苦，並且可能是在多個瀏覽器中支持的麻煩。如果你真的需要它，有時你可以通過設置邊距/填充來「欺騙」，如果你願意將垂直居中的內容放在一個固定的高度，它將以數學爲中心。這是我會推薦的解決方案。在你的例子中，這意味着給內部div一個固定的高度，並設置邊緣，使其垂直於父div的中間。

來源

2010-09-26 05:11:04

使用

<div style="width: 300px; height: 300px; background:Red; vertical-align: middle; display: table-cell;"> 
    <div style="width: 100px; height: 100px; background:Blue; margin: auto;"></div> 
</div>

顯示：表細胞;垂直對齊：中部;外部div和邊距：auto;內格

來源

2010-09-26 05:13:27

如何在另一個DIV內創建DIV？

回答

相關問題