css里line-height作用

html-css09

css里line-height作用,第1张

从line-height的作用来说, 1.可以通过line-height保持内容处于表格的纵(表格一个格子的高度的) 中心位置。2 可以通过line-height来控制内容在表格中纵的长度,也就是这个表格的一个格子的高度。

所以,我最初以为是用来保持在格子内的中心位置,但即使取消了line-height也不会发生多大变化,如果用来控制行高的话,感觉有些多余,而且代码很多功能都是重复的,在html中实现又在css的重复实现同样的功能,另外 <TD colspan="2"><IMG src="images/top.jpg""></TD>的代码中src哪里多了个引号,TABLE中嵌入TABLE,(这个恕我学艺不精,看来感觉有些麻烦)。字体设置成了白色,应该是后面会加其他背景色,否则可能在浏览器里面看不到文字。

已是我所知道全部,可以补充回答

min-height就是你的层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。

max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。

line-height是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%;就是让行高是文字大小的两倍。

设置很高没什么不好理解吧,不设置很好实际行高也是存在的

只不过是默认的而已,并不是你不设置行高行高就不存在了!

简单说有2个目的!

1:对于单行问本,height

line-height

相同

并且padding为0是,就能让文本垂直居中!

2:对于多行文本,比如文章内容页面,假如你不设置line-height

而字体又相对比较打的时候,你会发现2行文字之间上下会考的太近,这个时候设置line-height就起作用了!