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;

您可以使用相同的技术在不使用绝对图像的情况下居中图像。将img标记放在div中，并在div中设置text-align：center;并且其中的所有元素都将居中。

我可能会因为筑巢而居中，但试试并玩转。你会明白的。

CSS绝对定位图像工作文本框不会工作

1 个答案: