Css 如何提供附加了反向链接的div ID图像?
我试图给一个div id一个图像,它的后向链接位于850像素的左侧。在同一行中,我需要一个Div Id,它位于同一个850px行的中心,并带有文本。谢谢你的帮助 这是我的CSSCss 如何提供附加了反向链接的div ID图像?,css,html,Css,Html,我试图给一个div id一个图像,它的后向链接位于850像素的左侧。在同一行中,我需要一个Div Id,它位于同一个850px行的中心,并带有文本。谢谢你的帮助 这是我的CSS #container3 > div { background-color:#000000; color:#FFFF00; font-size:18; font-family:arial; font-weight:Normal; width:850px;
#container3 > div {
background-color:#000000;
color:#FFFF00;
font-size:18;
font-family:arial;
font-weight:Normal;
width:850px;
}
#BackLink {
position:relative;
background-image: url(../Images/Back-ButtonB.png);
float:left;
display:inline-block;
width:80;
height="18;
}
#ObjectName {
position:relative;
text-align:center;
}
这是分区ID
<div id="container3">
<div id="BackLink"><a href=[Backlink]></a></div><div id="ObjectName">[ObjectName]</div>
</div>
[对象名称]
下划线和链接问题是因为您没有关闭
[对象名称]
这也许可以解决你的布局问题,也可能无法解决,但这绝对是关于下划线问题的答案
Wing刚刚将这个JSFIDLE放在一起,演示了绝对定位和文本对齐的用法。位置:相对设置在父div(container3)上。反向链接绝对位于左上角,objectname具有文本对齐:居中,以便文本在顶部居中
不,我算出了下划线,我只需要一个左箭头图像的反向链接,然后对象名称居中。我如何使用css给div id一个带有反向链接的图像?你知道绝对定位吗。可以使用此选项将子div放置在父div的精确位置。如果您的850px容器不打算改变大小,那么这将起作用。非常感谢您的提醒!
<div id="container3">
<div id="BackLink">
<a href=[BackLink]>
<img border="0" src="../Images/Back-ButtonB.gif" width="80" height="18">
</a>
</div>
<div id="ObjectName">[ObjectName]</div>
</div>
<div id="container3">
<div id="BackLink">
<a href=[BackLink]>
<!-- <img border="0" src="../Images/Back-ButtonB.gif" width="80" height="18"> -->
Backlink
</a>
</div>
<div id="ObjectName">[ObjectName]</div>
</div>
#container3{
width:450px;
height:300px;
position:relative;
background-color:#999999;
}
#BackLink{
position:absolute;
top:0;
left:0;
}
#ObjectName{
text-align:center;
}