jquery的移動垂直按鈕文本的中心兩行

我有5 UI-BTN具有以下CSS規則導航欄（用於垂直中心：jquery的移動垂直按鈕文本的中心兩行

#company_nav .ui-btn{ 
    height:28px; 
    line-height: 28px; 
}

的問題是，在UI-BTN中的一個具有2線和其他線路從按鈕走出如何管理它

這裏是代碼：？

<div data-role="navbar" class="grey_bkgd nav-no-border ui-navbar" id="company_nav" role="navigation"> 
      <ul class="ui-grid-d ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> 
       <li class="ui-block-a ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="one" aria-labelledby="ui-id-1" aria-selected="true"><a href="#one" data-ajax="false" class="ui-link ui-btn ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Overview</a></li> 
       <li class="ui-block-b ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="two" aria-labelledby="ui-id-2" aria-selected="false"><a href="#two" data-ajax="false" class="ui-link ui-btn ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Products</a></li> 
       <li class="ui-block-c ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="recent" aria-labelledby="ui-id-3" aria-selected="false"><a href="#recent" data-ajax="false" class="ui-link ui-btn ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Employees</a></li> 
       <li class="ui-block-d ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="recent" aria-labelledby="ui-id-4" aria-selected="false"><a href="#recent" data-ajax="false" class="ui-link ui-btn ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Followers</a></li> 
       <li class="ui-block-e ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="activity" aria-labelledby="ui-id-5" aria-selected="false"><a href="#activity" data-ajax="false" class="ui-link ui-btn ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5">Recent<br>activities</a></li> 
      </ul> 
     </div>

來源

2014-11-24 Sarit Rotshild

也許它不是一個完美的解決方案，但它是一個解決辦法：

#company_nav .ui-btn{ 
    height:28px;  
    line-height:28px; 
} 

#company_nav li:last-child .ui-btn{ 
    line-height:14px; 
}

FIDDLE

來源

2014-11-24 11:32:45 ojovirtual

jquery的移動垂直按鈕文本的中心兩行

回答

相關問題