Html 向下移动图标

Html 向下移动图标,html,css,twitter-bootstrap,glyphicons,Html,Css,Twitter Bootstrap,Glyphicons,我正在为我的网页使用自定义字体。不幸的是,它不是标准字体,其偏移量也不正确。当我将此字体与twitter引导图标一起使用时,它们不会出现在同一行中 如何将图示符图标移低一点?或者有没有其他好的解决办法 <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> My Text</a></li> 您可以使用简单的css移动位置。使用像em这样的相对单

我正在为我的网页使用自定义字体。不幸的是,它不是标准字体,其偏移量也不正确。当我将此字体与twitter引导图标一起使用时,它们不会出现在同一行中

如何将图示符图标移低一点?或者有没有其他好的解决办法

<li><a href="#"><span class="glyphicon glyphicon-log-out"></span> My Text</a></li>

  • 您可以使用简单的css移动位置。使用像
    em
    这样的相对单位应该适用于所有字体大小。您可能需要设置更多规则,并使用
    px
    进行像素完美对齐

    .glyphicon { 
      top: 0.5em;
    }
    
    .glyphicon{
    顶部:0.5em!重要;
    /*如果在glyphicon css之后包含css,则可以省略“!important”*/
    }
    
    

    Te上的紧排非常糟糕!