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