由于某种原因,当我更改字体大小时,Opera会增加额外的定位空间(大约2-3px)。您可以在#logo(只需将font-size更改为36px或更高)或#nav上看到一个较小的font-size值。
在Chrome和Firefox中一切正常,那么Opera为什么要这样做呢?
由于我的代码杂乱无章,因此我将其上传到这里:
http://www.filedropper.com/site_5,所以有人可以检查一下吗?
<div id="menu">
<p id="tek"> Samostalna Zanatska Radnja</p>
<a id="logo" href="index.html">Savić</a>
<ul id="nav">
<li><a class="link" href="#">Početna</a></li>
<li><a class="link" id="izb" href="#">Izrada</a></li>
<li><a class="link" id="ugb" href="#">Ugradnja</a></li>
<li><a class="link" href="#">Galerija</a></li>
<li><a class="link" href="#">Kontakt</a></li>
</ul>
</div>
#logo{
font-size:35px;
top:16px;
left:80px;
text-decoration:none;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
}
#tek, #logo{
position:absolute;
z-index:4;
}
#nav {
margin: 0;
padding: 0;
position:absolute;
height:25px;
top:75px;
width:400px;
}
#nav li {
/* use this instead of display:inline */
display:inline; /* float left i display:block su tu da bi lista isla u redu jer OPERA zeza sa display inline */
}
.link{
text-decoration:none;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
我还添加了.link,因为#nav中的每个元素都具有类.link。
它可以使用默认的文本大小值正常工作,但是当我将其设置为12px时,只能在Opera中得到这个奇怪的额外空间。
最佳答案
由于这两个问题都在a href
标记内发生,我想知道您的默认样式是否与此有关?
我可以尝试
将font-size
设置为px
以外的其他值。这可以帮助:http://pxtoem.com/
在这些元素上设置word-spacing:normal;
和letter-spacing:normal;
。
另外,您需要支持Opera吗?统计显示,全球范围内的回升率不到3%。
http://gs.statcounter.com/
http://www.upsdell.com/BrowserNews/stat.htm
关于css - 在Opera中放置文本元素时,字体大小会增加额外的空间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6873501/