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;内部的所有元素将集中在一起。

我可能会在嵌套位置偏离中心位置，但尝试一下并玩耍。你会得到的。