level 1
贴吧用户_5AG7yAQ
楼主
<style>
*{
margin: 0;
padding: 0;
}
.dibiao {
position: relative;
height: 50PX;
margin: 0 210PX;
border: 1PX solid black;
}
.dibibao-2 {
margin-top: 10PX;
line-height: 50PX;
}
.nav-a {
position: absolute;
line-height: 50PX;
}
</style>
</head>
<body>
<div class="dibiao">
<img src="jin/dibiao.jpg" class="dibiao-2">
<a href="#" class="nav-a">北京</a>
</div>
</body>
</html>
如上：.dibiao-2图片怎么都无法下移，试过各种办法。margin-top没用，pandding也没用，line-height也没用。。有时候图片下来了，但文字也跟着下移了。无法做到文字和图片都上下在盒内居中。
2019年03月01日 13点03分
1
*{
margin: 0;
padding: 0;
}
.dibiao {
position: relative;
height: 50PX;
margin: 0 210PX;
border: 1PX solid black;
}
.dibibao-2 {
margin-top: 10PX;
line-height: 50PX;
}
.nav-a {
position: absolute;
line-height: 50PX;
}
</style>
</head>
<body>
<div class="dibiao">
<img src="jin/dibiao.jpg" class="dibiao-2">
<a href="#" class="nav-a">北京</a>
</div>
</body>
</html>
如上：.dibiao-2图片怎么都无法下移，试过各种办法。margin-top没用，pandding也没用，line-height也没用。。有时候图片下来了，但文字也跟着下移了。无法做到文字和图片都上下在盒内居中。