本文目录
- 为什么设置height 和 line height的高度一样时,文字不垂直居中当把line-height去掉后，却居中了呢
- line-height和height在一起用，而且值相同能起到什么作用
- css3 怎么让line-height 等于height
- 让line-height等于height，使文字垂直居中的方法，是否与字体有关
- 为什么在div中当height和line-height一样的时候他会居中对齐，我想知道原理！！求各位高手指教！~~
- CSS为什么行高line-height与文字高height一样就能让文字居中 有没有人能具体点解
- line-height与height高度相同,为什么就上下居中了
为什么设置height 和 line height的高度一样时,文字不垂直居中当把line-height去掉后，却居中了呢
这种是不可能的吧只有IE下line-height不生效，需要把font-family:“Microsoft YaHei”（英文的）如：新细明体：PMingLiU细明体：MingLiU标楷体：DFKai-SB黑体：SimHei宋体：SimSun新宋体：NSimSun仿宋：FangSong楷体：KaiTi仿宋_GB2312：FangSong_GB2312楷体_GB2312：KaiTi_GB2312微软正黑体：Microsoft JhengHei微软雅黑体：Microsoft YaHei希望能帮助到你
line-height和height在一起用，而且值相同能起到什么作用
文字能够上下居中 例如：ie6下文本与文本输入框对不齐，需设置vertical-align:middle，但是文本框的内容不会垂直居中。给容器设置一个与其高度相同的行高line-height:与容器的height一样就可以实现。
css3 怎么让line-height 等于height
如果height值是固定不变的，简单，直接设置line-height跟height值一样就行了。如果height值是动态的，你可以考虑用js获取height的值，然后在设置给对应文字，让它的line-height跟height一样。
让line-height等于height，使文字垂直居中的方法，是否与字体有关
跟字体没有关系，跟字号也没关系，就相当于你的高度和行高一样的时候文字就是上下居中了。
为什么在div中当height和line-height一样的时候他会居中对齐，我想知道原理！！求各位高手指教！~~
height是div实际的高度line-height是div内文字占据的高度当行高比实际高度大时，虽然ie会撑开div，但两者的显示方式互不影响。当两者相等时，显示效果上文字是垂直居中的，可是如果你再添加一行文字呢？？
CSS为什么行高line-height与文字高height一样就能让文字居中 有没有人能具体点解
当一行文本，必须是一行在一个《div》《/div》块内部显示时，将该《div》《/div》块的行高设置为这个块本身的高度，就可以让内部的一行文本垂直居中。
相应的CSS代码如下：
div{
width:1000px; height:30px;
background-color:#ff5857; //该属性为背景颜色，主要是让我们能够看到块本身
line-height:30px;
}
line-height 属性的取值和 height 属性的取值是相同的，这样内部的一行文本就实现垂直居中。
在CSS中，line-height 属性的调整就是以这条线为标准线的。换句话说，当line-height属性设置为一定的数值时，段落中任意两行的行距就是这两行基线之间的距离。
扩展资料
利用精灵元素实现垂直居中的代码
代码如下：
ghost-center {
position: relative;
}
.ghost-center::before {
content: " ";
display: inline-block;
height: 100%;
width: 1%;
vertical-align: middle;
}
.ghost-center p {
display: inline-block;
vertical-align: middle;
width: 20rem;
}
line-height与height高度相同,为什么就上下居中了
line-height行高是包含了文字的高度在内的，而height并非是文字的高度，而是文字所在标签的高度行高举例的话，假如行高设为30px，那么就是文字中心点距上或者距下各为15px，所以行高与标签的高度一样的时候就垂直居中了
