CSS絕對定位圖像工程文本框不會工作

Question

我希望你有我的答案，我認爲它是一個愚蠢的錯誤，但我無法找到它！ 所以我希望你能快速看一下它，並且你能幫助我。 我對此很有點新鮮，並且已經從其他人羣中學到了很多東西。

這裏是我的代碼：

</head> 

<style type="text/css"> 

.imgA1 { position:absolute; position: absolute; 
margin-left: auto; 
margin-right: auto; 
top: 30; 
left: 0; 
right: 0; z-index: -2; } 

.imgB1 { 

position:absolute; position: absolute; 
margin-left: auto; 
margin-right: auto; 
top: 0; 
left: 0; 
right: 0; z-index: 2; } 

</style> 

<style> 

div.ex { position:absolute; position: absolute; 
margin-left: auto; 
margin-right: auto; 
top: 30; 
left: 0; 
bottom:0; 
right: 0; z-index: 1; 

width: 800px; 
padding: 0px; 
border: 0px solid gray; 
margin: 0px; 
text-align: justify; 
} 
</style> 

<img class=imgA1 src="images/middenstuk.png"/> 

imgA1居中，但我的文本框中習慣：

<div class="ex">Hallo 
<a href="Hoeveel.html">>NEXT</a></div> 

將不勝感激任何形式的幫助！

Answer 1

用於對齊文本的Css屬性。

text-align：center;

通過使用相同的技術，您也可以在不使用絕對值的情況下對圖像進行居中。在div中放置一個img標籤，在div中設置text-align：center;內部的所有元素將集中在一起。

我可能會在嵌套位置偏離中心位置，但嘗試一下並玩耍。你會得到的。