height和line-height的区别
2016-07-18 16:32
232 查看
height：表示行高
line-height：表示每行文字所占的高度
下面举例子你就会明白：
第一种情况：使用height
运行结果：
第二种情况：行高为50px和文字高度为20px情况：这时候文字会居中显示（对于文字为什么会居中显示问题解释如下：我们把line-height设置为50px，
也就是说这行文字会占50px,但是显然每个字的大小只有20px，这时候浏览器把多出来的30px,在文字上面加了15px,
文字下面加了15px这个时候文字就在50px的空间上居中了）
运行结果图：
第三种情况：设置了文字高度和文字大小一样的此时满屏显示
运行结果：
line-height：表示每行文字所占的高度
下面举例子你就会明白：
第一种情况：使用height
运行结果：
第二种情况：行高为50px和文字高度为20px情况：这时候文字会居中显示（对于文字为什么会居中显示问题解释如下：我们把line-height设置为50px，
也就是说这行文字会占50px,但是显然每个字的大小只有20px，这时候浏览器把多出来的30px,在文字上面加了15px,
文字下面加了15px这个时候文字就在50px的空间上居中了）
运行结果图：
第三种情况：设置了文字高度和文字大小一样的此时满屏显示
运行结果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Servlet学习（一）部署servlet
- JavaScript读二进制文件并用ajax传输二进制流的方法
- 【C语言入门教程】7.1 结构体类型变量的定义和引用
- Linux（Ubuntu）安装并破解 SecureFX
- spring-data-redis 使用
- Android Recyclerview分割线
- 学习笔记-斯坦福iOS7-第十三课：Core Data 和表格视图
- Android自定义View之画笔与画布(2)
- 如何使用反射
- 几种遍历map的方法
- leetcode题解-204. Count Primes
- iOS UITableView(四)-Cell拖动更改排序
- 微信高级群发接口正文乱码解决方案
- Scollview 和 EditText 滚动冲突
- Android 任务和返回栈详解
- Could not resolve archetype org.apache.maven.archetypes:maven-archetype-quickstart
- HorizontalScrollView作为导航栏和HorizontalScrollView的滑动
- 【Java并发编程】并发之痛 Thread，Goroutine，Actor
- Jenkins配置ant依赖问题
- 莫比乌斯函数