这是因为line-height属性用来控制行高，而行高是指一行文本的高度。当行高等于元素的高度时，文本就会被垂...
height是div区块的高度；line-hight是字间距；你的第一个代码设置了div区块的高度，没有设置字间距，文字默认顶端对齐。第二个代码，设置了字间距，就与上一个div底部把持了一段距离，也就是你所说的“在中间”了。
height是div实际的高度 line-height是div内文字占据的高度 当行高比实际高度大时，虽然ie会撑开div，但两者的显示方式互不影响。当两者相等时，显示效果上文字是垂直居中的，可是如果你再添加一行文字呢？？
当DIV的line-height为0时,匿名行内框高度也为0。 DIV之所以有高度,是因为这两个行内框的垂直位置不同。span的行内框位于字体中间偏下,而匿名行内框位于距离默认字体大小16px一半左右的位置。当font-size设为0时,匿名行内框会尽可能接近底部,DIV高度会增加约6px。 当两个font-size相同时,这两个行内框的垂直...
line-height指的是行高，一般div的高度建议用height；一般情况下line-height会设置成与height一样值，这样会让文字垂直居中，比较美观
div本身是有line-height的,baseline对其方式导致图片并不是与div的真实底部对其,而是文基线。 所谓的基线底部不包括 line-height 的空白显示部分 基线对齐导致图片总是和div下边缘有一段空隙,而 line-height 同样表现在行内元素的 img 上,因此即使没有文字,图片也存在一个 line-height 的影响。
1.css中起高度作用的应该就是height以及line-height,当height被设置为0的时候,起作用的就是line-height,而line-height的表现是由内部的lineboxes决定的,又因为lineboxes什么特性也没有,就只有高度特性。所以一个没有设置height属性的div的高度实际是由一个一个的lineboxes的高度堆积而成的 ...
div在设置了宽度后的line-height问题 前几天发现:一个div在设置了宽度后,里边的文字显示不出来了,,,使用工具看其是一条线。。。结果发现line-height为0px。。。改为设置一个值为设置为默认值后正常显示
一般我们对对象设置设置line-height行高属性即可实现让自动换行文字排版均匀间隔多少设置。 2、对单排文字上下垂直居中 假如我们一个固定30px高度div对象,如果要让其文字内容上下垂直居中,我们即可使用line-height:30px即可。 三、line-height案例 -TOP 我们设置两个div对象盒子,一个是多排文字行高设置;另外一个高度固定...
<title>无标题文档</title> </head> <style type="text/css"> <!-- div { height:70px;border:1px solid #666;position:relative;} div p { position:static;+position:absolute;top:30%;/*这个百分比要看具体的div高度和文字高的度*/ line-height:26px;} --> </style> <body> <div...