a标签套img高了一个像素,该如何解决
a标签套img高了一个像素
<a href="" title=""><img src="Css/images/pic14.png"/></a>
a {
margin-left: 20px;
float: right;
text-decoration: none;
margin: 0px;
padding: 0px;
}
img {
border: 0px none;
margin: 0px;
padding: 0px;
}
没有定义高宽,做出来a的高度要比img高1个像素的样子
------解决方案--------------------
根据我理解的意思是四边的A标签边距比IMG的要高1像素,不知道是不是这样的?
<style type="text/css">
a{
padding:1px 1px 1px 1px;
float: right;
text-decoration: none;
margin: 0px;
border:1px #FF0000 solid;
}
img{
border: 0px none;
margin: 0px;
padding: 0px;
border:1px blue solid;
}
</style>
<a href="#" title=""><img src="20140604171535.jpg" ></a>
修改padding值即可。
不知道有没有帮到你!
<a href="" title=""><img src="Css/images/pic14.png"/></a>
a {
margin-left: 20px;
float: right;
text-decoration: none;
margin: 0px;
padding: 0px;
}
img {
border: 0px none;
margin: 0px;
padding: 0px;
}
没有定义高宽,做出来a的高度要比img高1个像素的样子
------解决方案--------------------
根据我理解的意思是四边的A标签边距比IMG的要高1像素,不知道是不是这样的?
<style type="text/css">
a{
padding:1px 1px 1px 1px;
float: right;
text-decoration: none;
margin: 0px;
border:1px #FF0000 solid;
}
img{
border: 0px none;
margin: 0px;
padding: 0px;
border:1px blue solid;
}
</style>
<a href="#" title=""><img src="20140604171535.jpg" ></a>
修改padding值即可。
不知道有没有帮到你!