Css 引导导航中的垂直对齐文本

Css 引导导航中的垂直对齐文本,css,twitter-bootstrap,vertical-alignment,Css,Twitter Bootstrap,Vertical Alignment,我有这个: 我不知道如何垂直居中/对齐导航药丸中的两行文字。我可以将单行文字居中,但双线太远了 顺便说一句,我需要保持所有导航药片的高度相同 。顶栏, .包含到网格中{ 高度:自动; 利润率:20px自动20px; 背景色:透明;} /*翻转菜单和导航丸*/ .翻转菜单{ 保证金:自动; 高度:自动; -webkit变换:旋转(-180度); -moz变换:旋转(-180度); -o变换:旋转(-180度); 变换:旋转(-180度); -沙子变换:旋转(180度); -ms过滤器:prog

我有这个:

我不知道如何垂直居中/对齐
导航药丸中的两行文字。我可以将单行文字居中,但双线太远了

顺便说一句,我需要保持所有
导航药片的高度相同

。顶栏,
.包含到网格中{
高度:自动;
利润率:20px自动20px;
背景色:透明;}
/*翻转菜单和导航丸*/
.翻转菜单{
保证金:自动;
高度:自动;
-webkit变换:旋转(-180度);
-moz变换:旋转(-180度);
-o变换:旋转(-180度);
变换:旋转(-180度);
-沙子变换:旋转(180度);
-ms过滤器:progid:DXImageTransform.Microsoft.BasicImage(旋转=2);
过滤器:progid:DXImageTransform.Microsoft.BasicImage(旋转=2);
}/*/end翻转菜单*/
#导航欢迎>span{
显示:表格单元格;
垂直对齐:中间对齐;
线高:0;
}
.nav药丸>li>a{
边界半径:0!重要;
背景色:#8bbff3;
颜色:#031831;/*#005b7f*/
字号:700;
字体大小:16px;
盒影:0-1px4pRGBA(0,0,0,2);
边界:0;
高度:65px;
宽度:95%;
左缘:5%;
盒影:0.0 7px rgba(0,0,0,7);
}
/*中心的单副本文本
*/
.导航药片>李>a:以前{
内容:'';
身高:100%;
显示:内联块;
垂直对齐:中间对齐;
}/*端部单线对齐*/
.nav药丸>li.active>a,
.nav药丸>li.active>a:悬停{
颜色:#fff!重要;
游标:默认值;
背景色:#00356B!重要;
边界:0;
边框底色:透明;
}
.nav pills>li>a:悬停:{
边界半径:0;
背景#00356B;
颜色:#fff;
}
.导航{
边缘底部:30px;
边缘顶部:20px;
右边距:-30px;
}
李国宝先生{
边际:0 7px 0;
}


你的意思是这样的吗?是的,但是我忘了提到我需要保持按钮的高度不变。然后你需要使它们足够高,以容纳两条线。如果你需要固定高度,并且在某些情况下需要强制断开,那么你必须分开处理它们。。。我的问题是:你为什么要为那个案子强行中断?我之所以强行中断,是因为设计师在公司里就是这么做的。除非你认为我不应该强行突破@帕特里克你说的“分开处理”是什么意思