Css 在另一个div上放置并对齐一个div

我一直在疯狂地尝试将一个div应用于另一个包含图像的div。div应该包含一个简单的HTML链接，如下图所示：

不幸的是，当页面呈现图像时，URL不是以图像为中心的，如现场站点所示：

HTML:

万分感谢所有能帮助我的人：） -Dean

设置css如下

#apDiv1 {
    position: absolute;
    right: 350px;
    text-align: center;
    top: 250px;
}

如果您想在

%

#apDiv1 {
    position: absolute;
    left: 30%;
    text-align: center;
    top: 31%;
}

---

要使DIV居中，可以执行以下操作：

width:400px; left:50%; margin-left: -200px;

---

您的apDiv1需要与您的容器div具有相同的宽度。

现在根据您的设计定义您的

ID

\apDiv1

左50%

和

左边距

像这样

#apDiv1 {
left: 50%;
margin-left: -185px;
}

///////////////////////////////////////////////////////////////////////////////////////////

第二种方法是这样的

现在定义您的

ID

#apDiv1

左：0

和

右：0

#apDiv1{
left:0;
right:0;
}

将apDiv1 css设置为如下

#apDiv1 {
margin-top: 242px;
text-align: center;
position: absolute;
width: 100%; }

这应该行得通

#apDiv1 {
        width:inherit;
        text-align: center;
        position:absolute;
        top:240px;
}

#apDiv1 {
margin-top: 242px;
text-align: center;
position: absolute;
width: 100%; }

#apDiv1 {
        width:inherit;
        text-align: center;
        position:absolute;
        top:240px;
}