某个div中的文本下方会出现一行。
该问题仅出现在Firefox和IE上。
这是屏幕截图,我使用整个div作为链接:
这是我建立div和文字的方式
在CSS中:
.whiteTextBold {
color:#fff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-style: none;
font-size: 15px;
text-decoration: none;
}
.moreInfo {
background:rgba(255,255,255,0.0);
border:1px solid;
border-color:#fff;
width:170px;
height:35px;
text-decoration: none;
}
在文件中:
<a target="_blank" href="#">
<div class="moreInfo">
<table width="100%" height="100%">
<tr><td align="center"><font class="whiteTextBold">More info</font></td></tr>
</table>
</div></a>
我应该怎么做才能避免出现这条线?
使用:
a {
text-decoration: none;
}
或将类添加到a中(如果您已有样式)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句