Jquery 如何在标题上显示文本垂直中心?

Jquery 如何在标题上显示文本垂直中心?,jquery,html,twitter-bootstrap,css,twitter-bootstrap-3,Jquery,Html,Twitter Bootstrap,Css,Twitter Bootstrap 3,您能告诉我如何在页眉上垂直居中显示文本吗?对于水平居中,我知道文本对齐:居中可以。但是当我需要垂直居中时,我该怎么做?我尝试了线条高度?但不工作 我需要我的文字或标题“品牌”垂直居中显示。我也尝试了一些空白,但没有 我需要标题的高度仅为50PX,标题应始终位于中间 这是我的密码 基本引导模板 .导航栏标题{ 浮动:左; 填充:0px; 文本对齐:居中; 宽度:100%; } .navbar品牌{float:none;} 切换导航 您只需将样式更改为: <style>

您能告诉我如何在页眉上垂直居中显示文本吗?对于水平居中,我知道文本对齐:居中可以。但是当我需要垂直居中时,我该怎么做?我尝试了线条高度?但不工作

我需要我的文字或标题“品牌”垂直居中显示。我也尝试了一些空白,但没有

我需要标题的高度仅为50PX,标题应始终位于中间

这是我的密码


基本引导模板
.导航栏标题{
浮动:左;
填充:0px;
文本对齐:居中;
宽度:100%;
}
.navbar品牌{float:none;}
切换导航

您只需将样式更改为:

<style>
   .navbar-header {
    float: left;
    padding: 0px;
    text-align: center;
    width: 100%;
    height:100%;
    position:relative;
}
.navbar-brand {float:none;
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
}
</style>

.导航栏标题{
浮动:左;
填充:0px;
文本对齐:居中;
宽度:100%;
身高:100%;
位置:相对位置;
}
.navbar品牌{浮动:无;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
}

您只需将样式更改为:

<style>
   .navbar-header {
    float: left;
    padding: 0px;
    text-align: center;
    width: 100%;
    height:100%;
    position:relative;
}
.navbar-brand {float:none;
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
}
</style>

.导航栏标题{
浮动:左;
填充:0px;
文本对齐:居中;
宽度:100%;
身高:100%;
位置:相对位置;
}
.navbar品牌{浮动:无;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
}

样式元素必须位于头部或身体内部,而不是中间高度:50px;打开。导航栏标题应该这样做。样式元素必须在标题或主体内部,而不是中间线高度:50px;打开。导航栏标题应执行此操作。