HTML&CSS——line-height设置成height使得文字居中
来源:互联网 发布:埃森哲java面试题 编辑:程序博客网 时间:2024/06/05 07:01
首先行高是文字的字符大小和字符上下的边距决定的,关键就是这个上下的边距是相等的,你可以把行高想象是两条看不见的水平平行线,而在平行线内,字符与平行线上下的边距总是相等的,就是垂直居中的意思。而height这个属性是盒子属性的高度,盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角所以不是行高line-height与文字高height一样就能让文字居中,而是应该这样理解,字符本来就在行高内垂直居中了,只是行高与文字的盒子高度不等,导致不能在盒子里垂直居中,如果我们把行高line-height与盒子的height设置为一样大,意思就是行高的平行线与盒子的上下边重合了,这时字符当然仍是在行高内垂直居中,但也顺便在盒子内垂直居中。
0 0
- HTML&CSS——line-height设置成height使得文字居中
- CSS——line-height行高设置垂直居中
- IE9不支持CSS line-height的文字垂直居中解决方法
- 设置文字在div中垂直居中,使用line-height
- line-height,text-align设置文字水平垂直居中
- 文字居中不仅仅只用line-height
- [ CSS ] line-height 与垂直居中!
- CSS行高——line-height
- css 行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- CSS行高——line-height
- 编写高性能的Lua代码
- 原子操作的实现原理
- DatePicker去掉月历
- XML数据映射到javaBean
- Ubuntu14.04安装JDK1.8
- HTML&CSS——line-height设置成height使得文字居中
- QNX相关
- 新建txt文本文件默认utf-8的方法
- ViewPager 详解(一)---基本入门
- 联合,枚举与typedef
- oracle 时间相减值
- MySql explain命令详解
- C语言学习总结
- zzulioj1864(jichu)